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规则会有一条直线，告诉您它已被覆盖。

Answer 2

IE开发工具显示所有与当前对象匹配的样式，包括被其他样式覆盖的样式。

重写的样式以删除线效果显示，以明确它们不是有效的样式，但它们仍然显示，因此您可以看到浏览器如何计算出要呈现的内容。

如果通过取消激活它来禁用活动样式，则序列中的下一个匹配样式将生效，并且将从中删除删除线效果。这使您可以轻松地实时测试样式，并轻松查看更改CSS代码的效果。

Answer 3

这意味着CSS重新定义为CSS，Javascript，html。示例：如果您将定义：在css文件中：

 p {color:blue}

和html文件

 <p id="someId" style="color: red">My Text</p>

和javscript文件或jquery文件这是jquery代码

 ("#someId").css('color', 'yellow');

结果为黄色这里，p {color：blue}线有红色的删除线用语言来说，这是优先问题。 css的优先级是五种。如果你定义为Top方法，则有四种红色删除线。例子：top方法是

  <p id="someId" style="color: red !important;">My Text</p>