CSS3选择器

发布于:2017-08-25 17:02:12

:first-of-type

p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。

:last-of-type

p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。

:only-of-type

p:only-of-type 选择属于其父元素唯一的 <p> 元素的每个 <p> 元素。

:only-child

p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。

:nth-child(n)

p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。

:nth-last-child(n)

p:nth-last-child(2) 同上,从最后一个子元素开始计数。

:nth-of-type(n)

p:nth-of-type(2) 选择属于其父元素第二个 <p> 元素的每个 <p> 元素。

:nth-last-of-type(n)

p:nth-last-of-type(2) 同上,但是从最后一个子元素开始计数。

:last-child

p:last-child 选择属于其父元素最后一个子元素每个 <p> 元素。

:first-child

指第一个li,可以定义第一个li的属性

:nth-child(2n){}

:nth-child(2n+1){}

:root

:root 选择文档的根元素。

:empty

p:empty 选择没有子元素的每个 <p> 元素(包括文本节点)。

:target

#news:target 选择当前活动的 #news 元素。

:enabled

input:enabled 选择每个启用的 <input> 元素。

:disabled

input:disabled 选择每个禁用的 <input> 元素。

:checked

input:checked 选择每个被选中的 <input> 元素。

:not(selector)

:not(p) 选择非 <p> 元素的每个元素。

::selection

::selection 选择被用户选取的元素部分。


觉得有用请点个赞吧!
1 313