直接在标签用style改色仅影响默认状态,悬停等需css伪类;单链接临时修改用内联style最简,多页面统一应使用外部css文件并遵循lvha顺序。

直接在 @#@#@#@#@#@#@#@#@#@0。
- 支持颜色名(
red)、十六进制(#007bff)、RGB(rgb(0, 123, 255)) - 常见失效原因:
color:拼错、漏引号、用了中文标点、父级元素设置了更高优先级的color - 它完全不影响
:hover、:visited状态——哪怕你写了style="color: red;",鼠标悬停后依然变蓝或紫
a:link、a:visited、a:hover、a:active 必须按顺序写
CSS 规则有层叠顺序,伪类写错顺序会导致样式被覆盖。比如把 a:hover 写在 a:visited 前面,而后者又带 !important,悬停就可能不生效。
- 正确顺序是 LVHA:
a:link→a:visited→a:hover→a:active -
a:visited受浏览器限制:现代 Chrome/Firefox/Safari 允许改color和background-color,但禁止用font-size、transition或 JS 读取访问状态 - 如果
a:hover不触发,先检查是否被pointer-events: none的父容器挡住,或被空<div> 盖住 <h3>多个页面要统一改色?别硬编码,用外部 <code>styles.css首页、文章页、联系页都写一遍
<style></style>,改个品牌色就得手动翻五六个文件——容易漏、难维护。- 创建
styles.css,写入:a:link { color: #007bff; } a:visited { color: #6c757d; } a:hover { color: #0056b3; } a:active { color: #003d7f; } - 在每个 HTML 文件的
里加:<link rel="stylesheet" href="styles.css"> - 若只想改导航栏里的链接,用类选择器更安全:
.nav a { color: white; } .nav a:hover { color: #ffdd00; }
真正容易被忽略的是:已访问链接(
a:visited)的颜色不能和未访问链接太接近,否则用户分不清哪些点过;另外,所有链接颜色必须和背景有足够对比度,否则残障用户或弱光环境下根本看不清——这不是“美观问题”,是可访问性硬要求。 - 创建











