WordPress样式表修改后无法移除链接下划线问题求助

核心原因 #

你之前为了强制添加下划线，给样式加了!important声明，这个声明会大幅提升样式优先级。后续修改的普通样式（不带!important）权重不够，根本无法覆盖旧的规则；哪怕删除旧代码，也可能因为残留的代码片段，或是主题、插件其他样式文件的规则生效，导致下划线依然存在。

具体解决办法 #

1. 彻底清理旧代码
   仔细检查style.css文件，确保所有包含a { text-decoration: underline !important; }的代码（包括被注释掉的部分）都完全删除。

2. 用同等优先级覆盖
   修改新代码，给声明加上!important，保证能覆盖之前的强制规则：

a {
    text-decoration: none !important; /* 默认无下划线 */
}
a:hover {
    text-decoration: underline !important; /* 鼠标悬停时显示下划线 */
}

3. 提升选择器权重（若上述方法无效）
   如果还是没效果，大概率是主题或插件的其他样式表也给链接加了下划线，这时用更具体的选择器来提高权重，比如针对文章内容区域的链接：

/* 示例：针对主题默认文章内容区域的链接 */
.entry-content a {
    text-decoration: none !important;
}
.entry-content a:hover {
    text-decoration: underline !important;
}

4. 定位样式来源
   打开浏览器开发者工具（按F12），选中带有下划线的链接元素，查看「样式」面板，找到当前生效的text-decoration规则，确认它来自哪个CSS文件，然后针对性编写覆盖样式。

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