在 CSS 中,可以使用伪类来控制不同状态的链接的样式,例如:a:link(未访问链接)、a:hover(鼠标悬停链接)、a:active(选中链接)和 a:visited(已访问链接)。这些伪类可以帮助我们对链接的不同状态进行样式控制。
例如,我们可以使用以下代码来设置未访问链接的样式:
a:link {
color: blue;
text-decoration: underline;
}
这将会将未访问链接的文字颜色设置为蓝色,并添加下划线。
我们也可以使用以下代码来设置鼠标悬停链接的样式:
a:hover {
color: red;
text-decoration: none;
}
这将会将鼠标悬停链接的文字颜色设置为红色,并移除下划线。
需要注意的是,在设置已访问链接的样式时,浏览器会根据用户的浏览历史自动设置链接的样式。因此,我们无法完全控制已访问链接的样式。
总之,在 CSS 中使用伪类来控制不同状态的链接的样式是一种非常实用的技巧,可以帮助我们改善用户体验,增强网站的可用性和可访问性。