直接改a标签color属性可修改超链接文字颜色，但仅覆盖默认状态；需同时设置a:link、a:visited、a:hover、a:active并按lvha顺序书写，才能完整控制所有交互状态。
直接改 a 标签的 color 就能控制超链接文字颜色，但只写 color 会漏掉悬停、已访问等状态，用户实际点击后颜色“变回去”或“不响应”，不是代码没生效，是状态没覆盖全。
只改一个链接的颜色：用 style 属性最省事
在单个 <a></a> 标签里加 style="color: #007bff;" 即可。它只影响这个链接的默认状态（即未访问、未悬停时）。
- 常见错误：漏引号（
style=color:red）、用了中文冒号或引号、拼错color写成colour - 父级元素如果设了
color且没加!important，可能被继承覆盖——可以加!important强制，但不推荐长期用 - 别用
<font></font>标签套链接，HTML5 已废弃，且无法控制:hover或:visited - 支持的颜色写法：
red、#007bff、rgb(0, 123, 255)、hsl(210, 100%, 50%)
统一改全页所有链接：必须用 <style></style> 块或外部 CSS
把规则写进 里的 <style></style>，比每个链接都加 style 更可靠，也便于后续调整。
- 基础写法：
a { color: #28a745; }—— 但它同时作用于:link和:visited，已访问链接会失去视觉区分 - 更稳妥的写法要显式分开：
a:link、a:visited、a:hover、a:active，顺序不能错 - 顺序必须是 LVHA（
:link→:visited→:hover→:active），否则:hover可能被:visited规则拦截失效 - 如果页面有多个 HTML 文件，务必抽到外部
styles.css，用<link rel="stylesheet" href="styles.css">引入，避免改一处漏十处
a:hover 不变色？先查这三件事
写了 a:hover { color: orange; } 却没反应，大概率不是语法错，而是环境干扰。
-
:visited受浏览器安全策略限制：Chrome/Firefox/Safari 允许改color和background-color，但禁止font-size、transition、display等属性，别在这上面试 - 父容器设了
pointer-events: none，或者链接被空<div> 盖住，鼠标根本点不到，自然不触发 <code>:hover - 如果有
!important强制某个颜色，又在后面重复定义冲突规则，CSS 层叠逻辑会让最终结果不可预期——删掉!important，靠选择器权重和顺序来控制 -
class可复用，id必须唯一，维护成本高 - CSS 写法示例：
.nav-link { color: #dc3545; } .nav-link:hover { color: #c82333; } - 如果某类链接要同时控制下划线、字体粗细、间距，
class能打包所有样式，内联style很难撑住 - 注意：不要在同一个元素上混用太多
class，比如class="btn primary large hover-red"，后期排查样式来源会很吃力
想让某些链接与众不同：用 class 比用 id 更合适
比如导航栏里几个关键链接要高亮，其他保持默认，就该给它们加 class="nav-link"，而不是每个都写 id。
真正容易被忽略的点是：浏览器对 :visited 的限制不是“不支持”，而是“只允许有限样式”，很多人反复调 font-size 或 transition 却没效果，其实是白忙——接受这个边界，比硬刚兼容性更高效。
