伪类选择器大多数是以选择器为依托来实现的,是一种特殊的选择器(伪类选择器),或者元素(伪类元素)
1. 单元素触发:
- 元素未被点击时
a:link{ color: green; }
- 鼠标悬停时
a:hover{ color: deeppink; }
- 鼠标在元素上按下时
a:active{ color: blue; }
- 元素被点击过后
a:visited{ color: red; }
2. 多元素触发:
- 鼠标移动到box1的p上面p改变
.box1 p:hover{ background: green;}
- 鼠标移动到box1上面p改变
.box1:hover p{ background: blue;}
- 鼠标移动到box1上面p相邻的span改变
.box1:hover p+span{ background: blue;}
注意: 一个标签只可以触发它包含的元素.