当使用Chrome的DevTools判断元素时,在Elements选项卡中,右侧的"Styles"栏显示相应的CSS属性.有时,这些属性中的一些属性被删除.这些属性意味着什么?
当使用Chrome的DevTools判断元素时,在Elements选项卡中,右侧的"Styles"栏显示相应的CSS属性.有时,这些属性中的一些属性被删除.这些属性意味着什么?
当CSS属性显示为删除线时,表示应用了加划线样式,但随后被更具体的 Select 器、更本地的规则或同一规则中较新的属性覆盖.
(特殊情况:如果某个样式存在于匹配规则中,但被注释掉,或者通过在Chrome developer工具中取消选中手动禁用,则该样式也将显示为已删除.如果该样式存在语法错误,则该样式也将显示为已删除,但带有错误图标.)
例如,如果对所有div
个应用了背景色,但对具有特定id的div
个应用了不同的背景色,则第一种 colored颜色 将显示,但将被划掉,因为第二种 colored颜色 已将其替换(在具有该id的div
的属性列表中).