伪类用来添加一些选择器的特殊效果
| 伪类 | 说明 |
| :hover | 鼠标移入 |
| :active | 鼠标按下到抬起 |
| a:link | 链接访问前 |
| a:visited | 链接访问后 |
⚠️a:hover 必须放在 a:link 和 a:visited之后
⚠️a:active 必须在 a:hover 之后
代码：
Document
新闻
hao123
地图
贴吧
视频
图片
网盘
更多
效果：
- :hover改变自己
代码：
Document
鼠标放上去变成红色
默认效果：
鼠标放上面效果：
- :hover改变兄弟
代码：
Document
box1
box2
默认效果：
鼠标放到box1上面效果：
- :hover改变儿子
代码：
Document
p标签
儿子
默认效果：
鼠标放到father 上面效果：
伪元素伪元素是一个附加在选择器末尾的关键词，通过伪元素您不需要借助元素的 ID 或 class 属性就可以对被选择元素的特定部分定义样式。
伪元素：
- 只能应用于块级元素
- 主要用于加符号
| 伪元素 | 说明 |
| ::before | 在... 前面加 |
| ::after | 在... 后面加 |
代码：
Document
1000
25
效果：
