(1)兄弟选择器：2种：+、 ~
1.相邻兄弟选择器（+）：选择器1+选择器2
选择"选择器1"相邻的后一个兄弟"选择器2"
强调：选中的是自己相邻的下一个元素，不是自己
2.通用兄弟选择器（~）：选择器1~选择器2
选择"选择器1"之后的所有兄弟"选择器2"
+ 和~的区别：
（1）+只选相邻一个，~选之后所有
（2）+要求必须相邻，如果相邻元素不满足+后选择器要求则不选
（3）~跳过之后所有不满足选择器条件的元素。
何时使用兄弟选择器：只要选兄弟元素，就用兄弟选择器
(2)属性选择器：根据元素现有的属性和属性值特征，选择元素
何时使用属性选择器：如果现有属性已经可以区分元素
语法：只要使用属性选择器，必须用[]
1.元素[属性] : 匹配具备 属性的 指定元素
例如： p[id] : 匹配具备id属性的p元素
2.元素[属性1][属性2] :
p[id][class] : 匹配出所有即具备id属性，又具备class属性的p元素
3.元素[属性=值] :
input[type="text"] : 匹配type的值为text的input元素
4.元素[属性~=值] :选择属性名中包含指定单词的元素
input[class ~= second] :
选中
~= : 包含指定的数据（独立）
= : 只有指定的数据
5.[属性名^="关键字"]：选择以"关键字"开头的属性值
6.[属性名*="关键字"]：选择包含"关键字"的属性值
7.[属性名$="关键字"]：选择以"关键字"结尾的属性值
(3)伪类选择器：
(1)元素状态伪类(多数应用在表单元素上):主要匹配元素的禁用、启用、选中状态
:disabled 匹配每个被禁用的元素
:enabled 匹配每个已启用的元素
:checked 匹配每个被选中的元素(只用于单选按钮和复选框)
(2)目标伪类:突出显示活动的HTML锚，用于选取当前活动的目标元素
:target
何时使用:需要跳转到的锚点位置元素发生样式变化
(3)结构伪类:主要从元素的结构(层级结构)上来进行划分的
:first-child 匹配属于其父元素的首个子元素
:last-child 匹配属于其父元素的最后一个子元素
:empty 匹配没有子元素(包含文本、换行、空格)的元素
这是一个段落
非empty
查看更多关于CSS3重点总结_html/css_WEB-ITnose的详细内容...