IE开发人员工具 - css属性是红色的删除线

Question

我决定在我的网络应用程序上使用第三方提供商的css,image和javascript进行组合.

我很好奇这个包(css + image + js)是如何工作的,所以一旦我访问了web应用程序的资源,我就按F12激活了IE的开发者工具.

我注意到一些css属性有红色的删除线.我想知道这意味着什么......

我很感激您对此事的意见.

Answer 1

这意味着这些属性被代码中其他位置的更具体的规则覆盖.

例如,请使用以下代码:

CSS:

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

HTML:

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

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

如果您要查看包含此代码的页面,您会看到p规则会有一条直线,告诉您它已被覆盖.