Chrome开发人员工具:如何找出覆盖CSS规则的是什么？
Chrome开发人员工具:如何找出覆盖CSS规则的是什么？
提问于 2012-12-14 03:35:00
好吧，这很简单。如果Chrome的开发人员工具告诉我某个样式被覆盖了，如何查看是什么CSS规则覆盖了它？
我想知道有没有类似于“向我展示什么能覆盖这个”之类的东西。
火虫OBS：，请不要把我指向火虫。
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-12-14 04:03:16
使用元素检查器的Computed Style面板。展开感兴趣的属性以查看适用规则的列表，以及哪个规则获胜。
Stack Overflow用户
发布于 2012-12-14 03:41:43
你可以简单地看一下没有被删除的同名的那些，记住这个列表是按重要性列出的。
或者，您可以查看计算的样式。它们将是实际应用的样式。
Stack Overflow用户
发布于 2012-12-14 03:42:00
crtrl + shift +c并检查元素。然后在右下角的框中找到不带线条的样式。
在大多数情况下，覆盖位于顶部(并且没有通过它的线条，因为这种样式是“获胜”的样式)。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13867088
复制相关文章
相似问题