Safari/Chrome开发者工具调试CSS覆盖 [英] Safari/Chrome Developer Tools debug CSS overrides

问题描述

Safari/Chrome开发者工具通过将其击穿来表明CSS规则被其他东西覆盖，如图所示.

Safari/Chrome Developer Tools indicate that a CSS rule is overridden by something else by striking it through, as shown in the image.

有时候，我发现自己无法从CSS文件中找出导致该规则被忽略的原因.但是，当然，Safari本身必须知道它能够击穿它.

Sometimes I find myself in a situation where I can not figure out from the CSS files what causes this rule to be ignored. But surely Safari itself must know as it strikes it through.

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

Is there a way to know what overrides such a rule?

推荐答案

看看没有被删除的那一个，在列表的上方.

Look at the one which isn't striked out, higher up on the list.

或者，查看计算样式.它们将是确定的应用样式.

Alternatively, view the computed styles. They will be the definitive applied styles.

这篇关于Safari/Chrome开发者工具调试CSS覆盖的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！