根据css选择器的难易程度,我们可以把css选择器分为三类,第一类是基本选择器,第二类是属性选择器,第三类是伪类选择器。
下面是我对三种选择器的使用方法做个简单总结。
一. 基本选择器
1. 通配符选择器(*)
2. 元素选择器(E)
3. 类选择器(.className)
这里包括多类选择器(.className1.className2) 如:.first.last{color:red;}
4. ID选择器(#ID)
5. 后代选择器(E F)
6. 子元素选择器(E > F)IE6不支持
7. 相邻兄弟元素选择器(E + F)IE6不支持
8. 通用兄弟选择器(E ~ F) IE6不支持 CSS3新增
9. 群组选择器(selector1,selector2...selectorN)
注:相邻兄弟元素选择器和通用兄弟选择器的区别
相邻兄弟元素选择器是:选择紧接在一个元素后面的元素,而且他们具有相同的父元素。
通用兄弟选择器是:选择某元素后面的所有兄弟元素,而且他们具有相同的父元素。
原文:http://www.cnblogs.com/sensualgirl/p/3691892.html