W3C最近更新了CSS选择器(Selector)第四版的草稿,添加了一些新的特性及规则,我们可以先了解一下!
$E > F:an E element parent of an F element
该条规则允许你通过子孙元素来筛选元素,例如:
$p>span{color:red} /*选择含有span的p元素*/
终于可以换个思维(原来是从上到下,现在是从下到上)换个来写CSS了,期待阿!
伪类::any-link和:local-link
:any-link用于任何的超链接,而:local-link将用于指向当前域内的超链接
伪类::dir() 文字排版方向,例如:
p:dir(ltr){
}
p:dir(rtl){
}
引用选择器
例如:当划过LABEL或者焦点在LABEL上时高亮其for的INPUT
label:matches(:hover, :focus) /for/input {
box-shadow: #fffea1 0 0 8px
}
更多特性请参考: