css3选择器总结

1.通用选择器

• “*”
• 可以匹配页面中的所有元素
• 一般可以在写HTML文档时，写在页面开头，设置超链接无样式，内外无边距等

2.标签选择器

• “标签名”
• 为页面中某一类标签指定统一的css样式

3.类选择器

• “ . 类名”
• 类名可以重复
• 注意类名是区分大小写的

4.id选择器

• “ # ID名”
• id名必须是唯一的
• ID名是区分大小写的

5.伪类选择器

伪类可以向某些选择器添加特殊效果

伪类名	描述
:link	给没有被访问的链接添加样式，（仅适用于链接）
:visited	给已被访问的链接添加样式（仅适用于链接）
:active	给被激活（正在点击）的元素添加样式
:focus	给拥有键盘输入焦点的元素添加样式
:hover	当鼠标悬浮在元素上方时，给元素添加样式
:readonly	给只读元素添加样式
:checked	给被选中的元素添加样式
:disabled	给被禁用的元素添加样式
:enabled	给可用的元素添加样式

6.群组选择器

当元素样式属性一样时，可以共同调用一个声明

• 元素间用“ ， ”分隔

7.派生选择器（后代选择器）

• 选择器间用空格分隔

• 上文标签 下文标签

• 可以用来选择上文标签里嵌套的所有子标签

8.属性选择器

选择拥有指定属性的HTML元素设置样式

选择器类型	使用方式	描述
属性选择器	[属性]	选择带指定属性的值
属性值选择器	[属性=值]	选择带指定属性及取值的元素
包含选择器	[属性~=值]	选择属性值中包含指定词汇的元素（属性值以空格分隔，这些值中有指定值）
连字符选择器	[属性|=值]	选择以指定值开头的属性值的元素，该值必须是完整的词汇（例如：就是zh，或连字符连接：zh-XX）
前缀选择器	[属性^=值]	匹配属性值以指定值开头的每一个元素
子串选择器	[属性*=值]	匹配属性值中包含指定值的每一个元素
后缀选择器	[属性$=值]	匹配属性值中以指定值结尾的每一个元素

9.组合选择器

9.1子元素选择器

• 父元素 > 子元素
• 用来选取某个元素的直接子元素（间接不适用）

9.2相邻兄弟选择器

• 兄元素+弟元素
• 选择兄元素后相邻的弟元素

9.3普通兄弟选择器

• 兄元素~弟元素
• 选择拥有相同父元素的元素