Find centralized, trusted content and collaborate around the technologies you use most.
Teams
Q&A for work
Connect and share knowledge within a single location that is structured and easy to search.
如图所示,Safari/Chrome 开发人员工具表明 CSS 规则被其他东西覆盖,通过删除它。
有时我发现自己无法从 CSS 文件中找出导致该规则被忽略的原因。但是 Safari 本身肯定知道它会通过它。
有没有办法知道什么会覆盖这样的规则?
看看列表中没有被淘汰的那个。
或者,查看计算的样式。它们将是最终应用的样式。
当您检查一个元素时,您可以显示“框”。最重要的是,您有一个“过滤器”,它应该向您显示应用于您的元素的每个属性。
如果您单击一个属性,它将为您提供文件和行号。
开发人员工具将列出元素的所有规则。只需通读所有适用的 CSS 规则,并检查是否存在同名的非穿透规则。
转到 Elements >> Computed,您将获得定义您正在寻找的规则的样式表。
转到Chrome 开发人员工具的计算选项卡。找到想要的财产并展开详细信息。