Chrome浏览器开发工具是否遵守指定!important的样式更改?

时间:2019-05-31 20:34:58

标签: css google-chrome google-chrome-devtools

我正在做一些CSS疑难解答,并且您可以想象,我很难让div以我想要的方式进行样式设置。在Chrome中,我打开了开发窗口,并选择了我的元素来检查样式设置。

我需要对特定选择器中的某些更改进行快速的视觉测试。请注意,我并不是要为该元素声明一个临时的特定值。

我找到了选择器,以及相应的CSS属性,据我所知,它被删除了,因为优先级更高的CSS定义将其覆盖。但是,对于我的测试,我在属性值之后添加了!important,但是它没有更新我的元素,因此仍然划掉了。

我们有一些非常复杂的CSS。有可能以某种方式被覆盖,但我想确定的是-在Chrome浏览器的开发窗口中,如果您覆盖为对象指定的样式,请添加!important可以正常工作吗?

1 个答案:

答案 0 :(得分:1)

  

Chrome浏览器开发工具是否尊重指定!important的样式更改?

是的,它确实尊重特异性。

但是,您可以在devtools中(或其他任何地方)使用规则之前测试规则的特殊性here

相关问题