Google Chrome开发工具中的交叉样式属性意味着什么?

使用Chrome的devtools检查元素时,在元素选项卡中,右侧的“样式”栏显示相应的CSS属性。有时,这些财产中的一些会被冲破。这些属性意味着什么

当CSS属性显示为删除时,这意味着应用了略去的样式,但随后被更具体的选择器、更局部的规则或同一规则中更晚的属性覆盖

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

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

发表评论