css的几种选择器及浏览器支持

一、通配符选择器(*):所有浏览器支持通配符选择器。
*{margin:0px;padding:0px;}
二、元素选择器(E):所有浏览器支持元素选择器。
li {background-color: grey;color: orange;}
三、类选择器(.className):
.className{font-weight: bold; color: yellow;}
.first.last {color: blue;}
注:所有浏览器都支持类选择器,但多类选择器(.className1.className2)不被ie6支持。
四、id选择器(#ID):所有浏览器支持id选择器。
#last {background: #000;color: lime;}
注:具有唯一性使用id选择器;公用的,类似的使用类选择器。使用这两个选择器时,最好区别大小写。
五、后代选择器(E F):所有浏览器支持后代选择器。
.demo li {color: blue;}
六、子元素选择器(E > F):IE6不支持子元素选择器。
ul > li {background: green;color: yellow;}
七、相邻兄弟元素选择器(E + F):IE6不支持子元素选择器。
.active + li {background: green;color: yellow; border: 1px solid #ccc;}
八、通用兄弟选择器(E ~ F):IE6不支持子元素选择器。
.active ~ li {background: green;color: yellow; border: 1px solid #ccc;}
九、群组选择器(selector1,selector2,…,selectorN):所有浏览器支持群组选择器。
.first, .last {background: green;color: yellow; border: 1px solid #ccc;}

上面九种选择器是CSS3中的基本选择器,而我们最常用的是元素选择器、类选择器、ID选择器、后代选择器、群组选择器,至于具体用什么选择器根据各自的使用情况而定。