首页 > 解决方案 > Chrome 浏览器开发工具是否尊重指定 !important 的样式更改?

问题描述

我正在做一些 CSS 故障排除,正如您所想象的,我很难让 div 也按照我想要的方式设置样式。在 Chrome 中,我打开了开发窗口并选择了我的元素来检查样式设置。

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

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

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

标签: cssgoogle-chromegoogle-chrome-devtools

解决方案


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

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

但是,您可以在此处的开发工具(或任何地方)中使用它之前测试您的规则的特异性


推荐阅读