css3的新属性选择器

选择器

~

设置同一父元素下的 div 元素之后的每一个 p 元素的字体大小

div~p{
    font-size:14px
}

[class^="test"]

设置class属性值以"test"开头的所有div字体大小

div[class^="test"]{
    font-size:14px
}

[class$="test"]

设置class属性值以"test"结尾的所有div字体大小

div[class$="test"]{
    font-size:14px
}

[class*="test"]

设置class属性值以"test"所有div字体大小

div[class*="test"]{
    font-size:14px
}

:first-of-type

选择的 div 元素是其父元素的第一个 div 元素

div:first-of-type{
    font-size:14px
}

:last-of-type

选择的 div 元素是其父元素的最后一个 div 元素

div:last-of-type{
    font-size:14px
}

:only-of-type

指定属于父元素的特定类型的唯一子元素的div 元素

div:only-of-type{
    font-size:14px
}

:only-child

指定属于父元素的特定类型的唯一子元素的div 元素

div:only-child{
    font-size:14px
}

:nth-child(n)

选择每个div元素是其父级的第n个子元素

div:nth-child(n){
    font-size:14px
}

:nth-last-child(n)

选择每个div元素的是其父级的第n个子元素，从最后一个子项计数

div:nth-last-child(n){
    font-size:14px
}

:nth-of-type(n)

选择每个div元素是其父级的第n个div元素

div:nth-of-type{
    font-size:14px
}

:nth-last-of-type(n)

选择每个div元素的是其父级的第n个div元素，从最后一个子项计数

div:nth-last-of-type{
    font-size:14px
}

:last-child

选择每个div元素是其父级的最后一个子级。

div:last-child{
    font-size:14px
}

:root

选择文档的根元素

:root{
    font-size:14px
}

:empty

选择每个没有任何子级的n元素（包括文本节点）

n:empty{
    font-size:14px
}

:target

选择当前活动的n元素（包含该锚名称的点击的URL）

n:target{
    font-size:14px
}

:enabled

选择每一个已启用的输入元素）

n:enabled{
    font-size:14px
}

:disabled

选择每一个禁用的输入元素

n:disabled{
    font-size:14px
}

:checked

选择每个选中的输入元素

n:checked{
    font-size:14px
}

:not(n)

选择每个并非n元素的元素

:not(n){
    font-size:14px
}

::selection

匹配元素中被用户选中或处于高亮状态的部分

::selection{
    font-size:14px
}

:out-of-range

匹配值在指定区间之外的input元素

input:out-of-range{
    font-size:14px
}

:in-range

匹配值在指定区间之内的input元素

input:in-range{
    font-size:14px
}

:read-only

用于匹配设置 "readonly"（只读） 属性的元素

input:read-only{
    font-size:14px
}

:read-write

用于匹配可读及可写的元素

input:read-write{
    font-size:14px
}

:optional

用于匹配可选的输入元素

input:optional{
    font-size:14px
}

:vaild

用于匹配输入值为合法的元素

input:vaild{
    font-size:14px
}

:invaild

用于匹配输入值为非法的元素

input:invaild{
    font-size:14px
}