css - 未应用计算样式

Question

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

Answer 1

就我而言，我解决了添加-webkit-appearance: none. 显然谷歌开发工具不显示 webkit 外观但应用它。

Answer 2

我不确定这是否总是如此，但我认为这通常意味着它被另一个具有更高特异性的规则覆盖。

CSS 规则根据它们对元素的具体程度进行分级，当规则发生冲突时，最具体的将被优先考虑。您可以通过直接向元素添加类或使规则更严格（更具体）来解决此问题。