【问题标题】:CSS Computed styles not matching what shows in browserCSS 计算样式与浏览器中显示的样式不匹配
【发布时间】:2021-09-01 07:17:44
【问题描述】:

这是我的开发工具计算样式的图片。我的 CSS 设置为使链接变为白色,并且没有文本装饰。

为什么它会显示除白色之外的所有内容,然后最终计算为 rgb(102, 102, 102)?很困惑。

【问题讨论】:

  • 了解 C(ascading)SS 中的“级联”实际上是什么以及它最显着的特性,选择器优先级 - 它应该有助于理解为什么您的某些属性会被其他属性击败。

标签: css google-chrome-devtools


【解决方案1】:

我也遇到了这个问题(奇怪的是,它与我错误地覆盖的颜色完全相同!)我同样非常困惑,因为 Chrome Inspector 清楚地表明一种风格正在击败其他风格...... .除了....不是。

很可能正在应用一个伪类,在“计算”选项卡中并不总是非常清楚。对我来说,是 :visited 伪类将深灰色应用到作为主要样式显示的浅灰色上。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-08-05
    • 1970-01-01
    • 1970-01-01
    • 2023-04-03
    • 2019-05-14
    • 2014-03-31
    • 2010-09-07
    • 2015-11-20
    相关资源
    最近更新 更多