您的位置:首页 > Web前端 > CSS

初识CSS选择器版本4

2012-06-25 12:11 288 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: