在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。
那么如何使用伪类选择器呢
元素未被点击时
a:link{ color: green; }
鼠标悬停时
a:hover{ color: pink; }
鼠标在元素上按下时
a:active{ color: blue; }
元素被点击过后
a:visited{ color: red; }
- 多元素触发:
鼠标移动到box1的p上面p改变
.box1 p:hover{ background: green;}
鼠标移动到box1上面p改变
.box1:hover p{ background: blue;}
鼠标移动到box1上面p相邻的span改变
.box1:hover p+span{ background: blue;}
注意: 一个标签只可以触发它包含的元素.