用a, a:link, a:visited, a:hover, a:active, a:focus { color: inherit; text-decoration: none; }可彻底移除a标签默认下划线和颜色，需覆盖所有状态并注意可访问性与深色模式适配。
如何用 CSS 移除 a 标签的默认下划线和颜色
直接加这两行样式就能解决：
code{color: inherit; text-decoration: none;}但别急着复制粘贴，浏览器对 a 的默认样式有状态区分（比如 :link、:visited、:hover），只写 a 本身可能没效果。
为什么有时候写了 text-decoration: none 还是有下划线
因为 CSS 优先级或状态伪类没覆盖全。浏览器会给 a:link 和 a:visited 分别设色和下划线，如果你只写了 a { text-decoration: none; }，它可能被更具体的规则（比如框架自带的样式）覆盖。
- 必须显式重置所有相关状态：
a, a:link, a:visited, a:hover, a:active, a:focus - 如果用了 CSS 框架（如 Bootstrap），它的
a样式可能带!important，这时你也得加!important（不推荐，优先提高选择器特异性） - 注意
focus状态：移除下划线可以，但别顺手把焦点轮廓也去掉，会损害可访问性
color: inherit 和 color: currentColor 选哪个
想让链接文字颜色跟父元素一致，inherit 更直观可靠；currentColor 是个 CSS 变量，值等于当前元素的 color 计算值，但在 a 上行为有时不一致（尤其在 :visited 下，浏览器会限制其颜色范围）。
- 安全做法：统一用
color: inherit - 避免用
color: #000或color: black—— 会破坏深色模式适配 - 如果要保留点击反馈，可以只改
:hover的颜色或加背景，而不是全干掉
内联样式、<style></style> 和外部 CSS 的影响差异
三者都能生效，但顺序和作用域不同。内联样式优先级最高，但维护困难；外部 CSS 最灵活，但要注意加载时机——如果 JS 动态插入链接，而样式还没加载完，会闪现默认样式。
立即学习“前端免费学习笔记（深入）”；
- 推荐写在全局样式表里，用足够具体的选择器，例如：
nav a, .content a { color: inherit; text-decoration: none; } - 避免用
* { text-decoration: none; }—— 会误杀u、ins等本该有下划线的元素 - 如果只是局部需求（比如某个按钮是
<a></a>实现的），直接加 class 更可控
实际项目里最容易漏的是 :visited 和 :focus 状态，还有深色模式下的颜色继承问题。样式写完记得在不同状态（点开过、悬停、键盘 tab）下手动验证一遍。
