css - IE 开发工具 - css 属性以红色删除线

Question

我决定在我的 Web 应用程序上使用第三方提供商的 css、图像和 javascript 来进行构建。

我很好奇这个包(css+image+js)是如何工作的，因此当我访问网络应用程序的资源时，我通过按 F12 激活了 IE 的开发人员工具。

我注意到一些 css 属性有红色删除线。我想知道这是什么意思...

非常感谢您就此事提供意见。

Answer 1

这意味着这些属性正在被代码中其他地方的更具体的规则覆盖。

例如，采用以下代码:

#someId {color:red;}
p {color:blue;}

<p id="someId">My Text</p>

在这种情况下，两个 CSS 规则都将应用于该段落，但该段落的文本颜色将为红色，而不是蓝色，因为 ID 规则 (#) 比元素规则 (p) 更具体。

如果您查看包含此代码的页面，您会看到 p 规则中有一条线穿过其中，告诉您它已被覆盖。