可以使用 :link
、:visited
、:hover
和 :active
四个伪类来控制链接的样式。
:link
选择器用于定义未被访问的链接样式。:visited
选择器用于定义已被访问的链接样式。:hover
选择器用于定义鼠标指针悬停在链接上时的样式。:active
选择器用于定义正在被点击的链接样式。这四个伪类可以用于 <a>
标签或其他拥有链接功能的标签上。
以下是一个示例,当鼠标悬停在链接上时,链接的颜色和背景色会发生变化:
a:hover {
color: #ff0000; /* 红色字体 */
background-color: #f0f0f0; /* 浅灰色背景 */
}
需要注意的是,:visited
选择器存在安全性问题,因为它可以让网站获取用户的访问历史记录。所以浏览器对其的限制较多,如不能修改链接的背景色、文字颜色等。