首页 > 程序开发 > web前端 > HTML/CSS >

css3选择器

2017-03-04

css3选择器。1 :first-of-type(:last-of-type),匹配属于其父元素的特定类型的首个子元素的每个元素。

css3选择器。

1 :first-of-type(:last-of-type)

匹配属于其父元素的特定类型的首个子元素的每个元素

例子:p:first-of-type{

background:#ff0000;

}

2 :only-of-type

匹配属于其父元素的特定类型的唯一子元素的每个元素

例子:p:only-of-type{

background:#cdfaf9;

}

3:only-child

匹配属于其父元素的唯一子元素的每个元素

例子:p:only-child{

background:#e6fbcd;

}

4 :nth-child(n) (nth-last-child(n))

匹配属于其父元素的第 N 个子元素,不论元素的类型。

n可以是数字、关键词或公式

例子:li:nth-last-child(2n){

background:#FF6600;

}

5 input:checked

匹配每个已被选中的 input 元素(只用于单选按钮和复选框)

例子:input:checked{

height:30px;

width:30px;

}

6 :not(selector)

匹配非指定元素/选择器的每个元素

例子:div:not(p){

color:#f96308;

相关文章
最新文章
热点推荐