最快改单个链接颜色用 style="color: #007bff;"，但仅作用于默认状态，不控制 :hover/:visited；全站统一需按 LVHA 顺序分别定义 a:link/a:visited/a:hover/a:active，并在响应式中完整复写；多页项目必须抽离至外部 CSS 文件统一管理。
只改一个链接颜色，用 style="color: #007bff;" 最快但有硬伤
直接在 <a></a> 标签里加 style="color: #007bff;" 确实立竿见影，适合临时调试或单页小修改。但它只影响默认状态（即未访问、未悬停），:hover 和 :visited 依然走浏览器默认色——你看到鼠标移上去变蓝、点过之后变紫，不是 bug，是它本来就不管。
常见失效原因：
-
style="color:red"漏了引号或用了中文标点 - 父级元素（比如
<div class="content">）设置了 <code>color且没重置，内联样式被继承覆盖 - 页面已加载外部 CSS，其中
a:link规则带!important，强行压过了你的内联样式
统一改全站链接色，必须用 a:link + a:visited 显式声明
别偷懒只写 a { color: #28a745; }——这会同时覆盖 :link 和 :visited，导致用户点过链接后颜色不变，失去“已访问”视觉反馈，体验断层。
正确做法是分开定义，并严格按 LVHA 顺序（Link → Visited → Hover → Active）书写：
立即学习“前端免费学习笔记（深入）”；
a:link { color: #007bff; }
a:visited { color: #6c757d; }
a:hover { color: #0056b3; }
a:active { color: #004085; }
注意：:visited 受现代浏览器安全限制，只能设置 color、background-color、border-color 等有限属性；font-size、transition、text-shadow 这类会被忽略，写了也白写。
把任意文章或文档内容转换成精美的全屏翻页 HTML 演示文件（幻灯片风格）。当用户发来一篇文章、文档链接、Markdown 内容、或粘贴的文本，并且希望生成演示用的 HTML 时触发。支持任意内容来源：iWiki 链接、KM 链接、本地文件路径、直接粘贴的文本。生成的 HTML 文件保存到本地工作区，并通过企微直接发送给用户。触发词示例：帮我把这篇文章做成PPT、转成演示文档、生成HTML幻灯片、做个演示、转成可以演示的格式、article to deck、make a slide。
响应式场景下，@media 里改链接色要重写整套伪类
很多人以为在 @media (max-width: 768px) 里只写 a { color: #333; } 就能适配移动端，结果发现悬停还是蓝色、已访问还是紫色——因为 a 选择器不匹配 a:hover 状态。
必须把四个伪类都复制进去：
@media (max-width: 768px) {
a:link { color: #495057; }
a:visited { color: #6c757d; }
a:hover { color: #007bff; }
a:active { color: #0056b3; }
}
否则移动端下只有未访问链接变灰，其他状态全靠浏览器默认值撑着，视觉割裂感明显。
多页面项目务必抽离到外部 .css 文件，别用 <style></style> 块
当网站有 index.html、about.html、blog/2026-08.html 多个页面时，在每个 里塞 <style></style> 是维护灾难：改个品牌主色要手动翻十页，漏改一页就露馅。
标准做法：
- 新建
styles.css，把全部链接规则放进去 - 所有 HTML 页面统一用
<link rel="stylesheet" href="styles.css">引入 - 路径写相对路径（如
./css/styles.css）或根相对路径（如/css/styles.css），避免用绝对 URL
容易被忽略的一点：如果用了构建工具（Vite/Webpack），CSS 文件可能被哈希命名（如 styles.abc123.css），此时不能手写 href，得靠构建插件自动生成引用——否则上线后链接样式全丢。
