css - 浏览器不呈现 CSS ID 样式(覆盖在 Firebug 中显示正确)

标签 css

我有一个链接,我在其中将 ID 设置为颜色 FB0026。该链接位于带有 CSS 的 div 类中,以将其设置为另一种颜色(灰色)。

无论如何,ID 应该具有更大的权重,但即使我将 FB0026 设置为 !important,最终结果也是 div 中设置的颜色(灰色),而不是 ID 中指定的样式。

.tune-in a {color: #dfdfdf;}            
a#nowplaying:link {color:#FB0026;}          

它在简化的 jsfiddle 中工作

firebug 中的故障排除对我没有帮助,因为 div css 显示为被正确覆盖,样式清晰。但是,如果我取消选中删除的 CSS,它会正确呈现。

可以找到完整的 css here在顶部黑条中的#NOWPLAYING 链接后面。

非常感谢。

最佳答案

您的问题是您访问了该链接。

通过清除历史记录并刷新页面来自行测试。您的链接将再次变红。点击它,它会变成灰色。

:link 的颜色是红色,在您访问它之前这很好。一旦发生这种情况,由于您没有 :visited 规则,它会从 .tune-in a 获取样式。

如果您从 a#nowplaying:link 中删除 :link,即使在访问该链接后它仍将保持红色。

关于css - 浏览器不呈现 CSS ID 样式(覆盖在 Firebug 中显示正确),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20461245/

相关文章:

css - <li> 标记的 border-bottom 在 Firefox 中不起作用,但在所有其他浏览器中都起作用

jquery - 带有 jquery 标题的 cycle2 幻灯片不合适

css - 试图针对前 5 个第 n 个 child 并失败

javascript - 2 个不同高度的 DIV 在滚动条上同时到达顶部和底部

html - 即使窗口大小发生变化,如何使文本垂直对齐

html - 为什么这张 table 上有边框?

CSS:自动调整宽度以换行文本内容?

jquery - 使用 jQuery 切换样式,但不要全部更改

javascript - React-Tooltip 裁剪

javascript - 将弹出窗口的位置绑定(bind)到事件文本框