1.CSS选择的样式-第三章css选择器

1.CSS样式规则

image.png

2.类选择器

同一个元素可以设置多个类，之间有空格隔开

3.ID选择器

为HTML标签添加ID属性：

image.png

通过ID选择器来为具有此ID的元素设置CSS规则

image.png

4.群组选择器

集体统一设置样式：

image.png

5.全局选择器

所有标签设置样式：

image.png

6.HTML文档结构

image.png

7.后台选择器

image.png

8.伪类

-伪类选择器定义特殊状态下的样式
-无法用标签、id、class及其他属性实现

链接伪类

链接的4种状态：激活状态，已访问状态、未访问状态和鼠标悬停状态。

伪类	说明
:link	未访问的链接
:visited	已访问的链接
:hover	鼠标悬停状态
:active	激活的链接

伪类：hover和：active

1.:hover用户访问的鼠标经过某国元素时
2.:active用于一个元素被激活时（即按下鼠标之后放开鼠标之前的时间）

image.png

伪类:hover和:active兼容

·IE6及更早版本，支持<a>元素的四种状态
·IE6浏览器不支持其他元素的:hover和:active
链接伪类的顺序
:Link > :Visited > :Hover > :Active
说明：

1. a:hover必须置于a:link和a:visited之后，才有效
2. a:active必须置于a:hover之后，才有效
   3.伪类名称对大小写不敏感