通过CSS的color属性和伪类可设置超链接不同状态的颜色,按LVHA顺序定义a:link、a:visited、a:hover、a:active以确保样式生效。

要通过CSS定义HTML超链接的字体颜色,可以使用color属性对a标签进行样式设置。超链接有不同的状态,可以通过伪类分别控制它们的颜色。
基本语法
使用color属性设置链接文字的颜色:
a { color: 色值; }
常见链接状态及对应伪类
你可以为不同状态的链接设置不同颜色:- a:link —— 未访问的链接
- a:visited —— 已访问的链接
- a:hover —— 鼠标悬停时
- a:active —— 链接被点击时
示例代码
以下是一个完整的CSS样式示例:
a:link { color: blue; }
a:visited { color: purple; }
a:hover { color: red; }
a:active { color: green; }
- color: #ff0000; (红色)
- color: rgb(255, 0, 0); (红色)
- color: red; (红色)
注意事项
为了确保样式正确生效,建议按以下顺序定义伪类(LVHA原则):- :link
- :visited
- :hover
- :active










