a:link {/*用于定义正常的、未被访问过的链接样式*/} a:visited {/*用于定义已经被访问过的链接样式*/} a:hover {/*用于定义鼠标悬停在链接上的样式*/} a:active {/*用于定义链接被点击的样式*/}
上述伪类样式中的 a:link 表示未被访问的链接,另一个常用的伪类 a:hover 表示鼠标悬停在链接上方时的样式。这些样式可以针对不同状态的链接进行定义,方便大家对不同链接进行不同的样式定义。
例如大家要定义实现鼠标悬停链接变色的效果,代码如下:
a:hover{ color:#ff0000;/*修改链接文字颜色为红色*/ text-decoration:underline;/*为链接添加下划线*/ }
通过使用 :hover 伪类,大家可以让鼠标悬停在链接上时链接的颜色更加醒目,跳出页面的基本颜色,突出链接的作用。
除了上述常用的链接伪类之外,还有一些伪类,如 a:focus 可用于定义与链接相关的键盘输入的样式。总之,在CSS中,链接的样式设计可以很灵活,适应不同的设计需求。