伪类选择器

2019-06-18  本文已影响0人  周周很可爱

在 CSS3 中,选择器是一种模式,用于选择需要添加样式的元素。
那么如何使用伪类选择器呢
元素未被点击时

a:link{ color: green; }

鼠标悬停时

a:hover{ color: pink; }

鼠标在元素上按下时

a:active{ color: blue; }

元素被点击过后

a:visited{ color: red; }
  1. 多元素触发:

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

.box1 p:hover{ background: green;}

鼠标移动到box1上面p改变

.box1:hover p{ background: blue;}

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读