初识CSS选择器版本4

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

}

更多特性请参考:Selectors Level 4

原文地址:https://www.cnblogs.com/JavaTechLover/p/2561009.html