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