CSS 选择器 :any()

Posted by 任平生 on April 12, 2011

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