不应用计算样式

Question

我正在为网页添加一些样式，但我遇到了问题，我添加了一条规则，并且chrome开发人员工具说这是计算的，但它没有应用。这是什么意思？

Answer 1

我不确定这是总是的情况，但我认为这通常意味着它被另一条具有更高程度特异性的规则所覆盖。

CSS规则根据特定对元素的影响进行评分，当规则发生冲突时，最具体的将优先。 您可以通过直接向元素添加类或通过使规则更严格（更具体）来解决此问题。

Answer 2

在我的情况下，我解决了添加-webkit-appearance: none的问题。显然谷歌开发工具不显示webkit外观，但适用于此。