伪类选择器

伪类选择器大多数是以选择器为依托来实现的，是一种特殊的选择器(伪类选择器)，或者元素(伪类元素)

1. 单元素触发:

1. 元素未被点击时

a:link{ color: green; }

2. 鼠标悬停时

a:hover{ color: deeppink; }

3. 鼠标在元素上按下时

a:active{ color: blue; }

4. 元素被点击过后

a:visited{ color: red; }

2. 多元素触发:

1. 鼠标移动到box1的p上面p改变

.box1 p:hover{ background: green;}

2. 鼠标移动到box1上面p改变

.box1:hover p{ background: blue;}

3. 鼠标移动到box1上面p相邻的span改变

.box1:hover p+span{ background: blue;}

注意: 一个标签只可以触发它包含的元素.