未应用计算样式答案

【问题标题】：Compute style is not applied未应用计算样式
【发布时间】：2017-12-14 18:57:17
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

嗯我不认为这可能是问题，我只是在元素中直接添加了 style="border-radius=0px !important" ，同样的事情发生了。 Google chrome dev 显示更好的规则是 element.style 但它仍然提供相同的样式。
如果您设置 style="border-bottom-left-radius=0px !important" 会发生什么？
如果属性被带有animation属性的CSS修改，它可以覆盖!important声明。
感谢 cmets，如果我添加 border-bottom-left-radius=0px !important 会发生同样的情况，并且我没有带有动画的 css，但我找到了添加 -webkit-appearance: none 的解决方案，正如这个问题中所说的 stackoverflow.com/questions/24210132/…