8

如图所示,Safari/Chrome 开发人员工具表明 CSS 规则被其他东西覆盖,通过删除它。

划线的 CSS 规则

有时我发现自己无法从 CSS 文件中找出导致该规则被忽略的原因。但是 Safari 本身肯定知道它会通过它。

有没有办法知道什么会覆盖这样的规则?

4

5 回答 5

9

看看列表中没有被淘汰的那个。

或者,查看计算的样式。它们将是最终应用的样式。

于 2011-05-03T23:43:13.567 回答
3

当您检查一个元素时,您可以显示“框”。最重要的是,您有一个“过滤器”,它应该向您显示应用于您的元素的每个属性。

如果您单击一个属性,它将为您提供文件和行号。

在此处输入图像描述

于 2017-08-08T15:24:34.697 回答
1

开发人员工具将列出元素的所有规则。只需通读所有适用的 CSS 规则,并检查是否存在同名的非穿透规则。

于 2011-05-03T23:42:19.347 回答
1

转到 Elements >> Computed,您将获得定义您正在寻找的规则的样式表。

在此处输入图像描述

于 2017-08-08T15:26:21.807 回答
1

转到Chrome 开发人员工具的计算选项卡。找到想要的财产并展开详细信息。

截屏

于 2017-08-08T15:34:48.247 回答