Firefox4 和 最新的 Chrome 隔夜更新版中增加了一个新的 CSS 选择器 :any()
这个选择器目前还没有写入 CSS3 规范,不过随着 Chrome 的加入,相信其他浏览器很快也会开始支持这个选择器
当前,需要使用浏览器厂家前缀: -moz-any()
, -webkit-any()
看一下之前我们在CSS中会写到的一段代码:
a{ color:#ccc }
nav a, header a, footer a,li a{ color:#666 }
section li a, article li a, aside li a,article header a{ color:#999 }
...
当越来越多的时候这个选择器就不得不写的很长很长, >_<
:any()
的写法:
/* level 1 */
a{ color:#ccc }
/* level 2 */
:any(section, article, aside)
:any(header, li, nav, header) a{ color:#666 }
/* level 3 */
:any(section, article, aside)
:any(header, li, nav, header)
:any(h1, h2, h3) a{ color:#999 }
参考链接:
https://developer.mozilla.org/en/CSS/%3A-moz-any
http://www.marcofolio.net/css/why_you_want_to_use_the_any_css_selector.html