HTML/CSS问题：设置的链接颜色未生效，始终显示橙色

可能的原因及解决步骤： #

• CSS文件未正确加载：确认main.css和HTML文件在同一目录下，或者href属性的路径正确。如果路径错误，浏览器会使用默认的链接样式（橙色已访问链接）。
• 浏览器缓存旧样式：按Ctrl+Shift+R（Windows）或Cmd+Shift+R（Mac）强制刷新页面，加载最新的CSS文件。
• 伪类顺序规范问题：链接伪类需要遵循LVHA的顺序（link→visited→hover→active），调整CSS代码为更明确的写法，避免潜在优先级冲突：

html {
    font-size: 22px;
}
body{
    background-color: #333;
    color: whitesmoke;
}

/* 未访问链接 */
a:link {
    color: rgb(119, 168, 211);
}

/* 已访问链接 */
a:visited {
    color: rgb(133, 33, 33);
}

/* 鼠标悬停、激活、目标状态 */
a:hover, a:active, a:target {
    color: #ffffff;
}

• 用开发者工具排查：按F12打开浏览器开发者工具，在「Elements」面板选中链接元素，查看「Styles」面板里你的CSS规则是否被应用（如果规则被划掉，说明存在优先级更高的样式或文件未加载）。

补充说明： #

你当前的HTML代码没有问题，核心问题集中在CSS的加载或规则生效上，按照上述步骤逐一排查即可解决。

内容的提问来源于stack exchange，提问作者Artur Braga