初识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
$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
相关文章推荐
- 【笔记】CSS选择器整理(IE低版本支持性测试)
- Android Git 版本控制初识
- 初识EHCache缓存框架(2.x版本)
- 初识EHCache缓存框架(3.x版本)
- git的版本管理使用(一)-初识git
- 版本控制与初识SVN(Subversion)
- 初识contiki(2.7版本)
- Git的学习笔记(一)——初识Git及版本库的管理
- 初识contiki(2.7版本)
- (一)Git时间--初识版本控制工具
- 百度地图最新版本sdk使用系列(一)-初识 hello baidumap
- 初识Oracs--Visual Studio的下一个版本
- 初识 版本控制 git
- 01python初识—编辑器&版本&变量知识
- 初识Sharepoint版本
- 低版本IE对某些CSS选择器的支持缺陷
- 初识版本控制器svn
- Git之初识版本控制工具
- 初识: SWFObject2.2 (基于Javascript的Flash媒体版本检测与嵌入模块)
- Git初识-学会分布式版本控制系统