HTML超链接字体颜色修改后刷新无反应怎么办-html教程-PHP中文网

浏览器限制:visited仅能修改color等少数颜色属性，且状态由本地历史记录决定，刷新不重置；需按lvha顺序书写、避免高优先级规则覆盖、适配深色模式并使用具体颜色值。

html超链接字体颜色修改后刷新无反应怎么办

你改了 a:visited { color: #6c757d; }，但页面一刷新，链接还是紫色——不是 CSS 没生效，而是浏览器把“已访问”状态记在本地，且不会因刷新或重载样式表而清除。它只认历史记录，不认代码改动。

写了 a:link { color: #007bff; } 却没变色，大概率是其他选择器抢了控制权。比如父容器设了 .nav a { color: #333 !important; }，或内联样式 style="color: black" 直接压过了你的伪类。

html-to-pptx-converter

使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。

下载

用浏览器 DevTools（F12）选中链接，在 Styles 面板里看哪条 color 被划掉（strikethrough），点右侧的文件名跳转定位冲突源
注意：!important 在 :visited 上基本无效——现代浏览器为安全强制忽略，别白费劲加
如果用了框架（如 Bootstrap），检查是否引入了它的 CSS，其 a 规则可能带高特异性，需用更具体的选择器覆盖，例如 body a:link

CSS 伪类有隐含层叠逻辑：如果 a:visited 写在 a:hover 后面，鼠标悬停时可能触发的是 :visited 的颜色而非 :hover 的——尤其当两者都定义了 color 且无其他区分属性时。

必须按标准顺序书写：a:link → a:visited → a:hover → a:active
哪怕只写其中两个，也别颠倒 :visited 和 :hover 的位置
一个典型反例：a:hover { color: red; } a:visited { color: purple; } —— 已访问链接悬停时会显示紫色，不是红色

你在浅色背景上设了 a:link { color: #007bff; }，一切正常；但用户切到系统深色模式后，链接变成蓝灰色配深灰背景，实际颜色变了，只是人眼几乎看不见——这不是 bug，是可访问性合规要求下的被动降级。

用 Chrome DevTools 的 “Rendering” 面板勾选 Prefers Reduced Motion 和 Prefers Color Scheme: Dark 模拟真实环境
务必搭配 @media (prefers-color-scheme: dark) 重定义颜色，例如：@media (prefers-color-scheme: dark) { a:link, a:visited { color: #60a5fa; } }
别用纯黑 #000 或纯白 #fff 做链接色，它们在对端背景下极易低于 WCAG 4.5:1 对比度门槛

改颜色本身不难，难的是它得在历史记录、CSS 层叠、伪类顺序、系统主题四个维度同时成立。漏掉任意一个，用户就会在某个场景下看到“明明改了却没变”的假象。