小编典典

Google Chrome devtools中的交叉样式属性是什么意思?

css

使用Chrome的devtools检查元素时,在“元素”标签中,右侧的“样式”栏显示了相应的CSS属性。有时,其中某些属性会被删除。这些属性是什么意思?


阅读 354

收藏
2020-05-16

共1个答案

小编典典

当CSS属性显示为删除线时,表示应用了划线样式,但随后被更特定的选择器,更本地的规则或同一规则中的更高属性覆盖。

(特殊情况:如果某个样式存在于匹配规则中但已被注释掉,或者您通过在Chrome开发者工具中取消选中该样式来手动将其禁用,则该样式也会显示为删除线。输出,但如果样式有语法错误,则带有错误图标。)

例如,如果将背景颜色应用于所有divs,但对div具有特定id的s
应用了不同的背景颜色,则第一种颜色将显示但会被划掉,因为第二种颜色已将其替换(在属性中div具有该ID的列表)。

2020-05-16