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
说明：
- a:hover必须置于a:link和a:visited之后，才有效
- a:active必须置于a:hover之后，才有效
3.伪类名称对大小写不敏感
网友评论