CSS中,使用伪类为元素添加样式需要使用 :
符号加上伪类名称来表示,例如为 <a>
元素的链接状态添加样式,可以使用 :hover
伪类。常用的伪类包括:
:hover
鼠标悬停时的状态:active
鼠标点击时的状态:visited
已访问链接的状态:focus
获得焦点时的状态:first-child
第一个子元素的状态:last-child
最后一个子元素的状态:nth-child(n)
第n个子元素的状态示例代码:
a:hover {
color: red;
}
上述代码表示当鼠标悬停在 <a>
标签上时,字体颜色会变成红色。