Chrome 浏览器开发工具是否遵守指定 !important 的样式更改？
Does the Chrome browser development tools respect style changes specifying !important?
我正在做一些 CSS 故障排除，您可以想象，我很难让 div 也按照我想要的方式设置样式。在 Chrome 中，我打开了开发 window 并选择了我的元素以检查样式设置。
我需要对特定选择器中的一些更改进行快速视觉测试。请注意，我不想为该元素声明一个临时的特定值。
我找到了选择器和相应的 CSS 属性，据我所知，它被划掉了，因为更高优先级的 CSS 定义覆盖了它。然而，对于我的测试，我在 属性 值之后添加了 !important 但它没有更新我的元素并且仍然被划掉。
我们有一些非常复杂的 CSS。它有可能以某种方式被覆盖，但我想确定——在 Chrome 浏览器中，在开发 window 中，如果您覆盖为对象指定的样式，添加 !important它应该有效吗？
Does the Chrome browser development tools respect style changes specifying !important?
是的，它确实尊重特异性。
然而，您可以在开发工具（或与此相关的任何地方）中使用规则之前测试规则的特异性here
我正在做一些 CSS 故障排除，您可以想象，我很难让 div 也按照我想要的方式设置样式。在 Chrome 中，我打开了开发 window 并选择了我的元素以检查样式设置。
我需要对特定选择器中的一些更改进行快速视觉测试。请注意，我不想为该元素声明一个临时的特定值。
我找到了选择器和相应的 CSS 属性，据我所知，它被划掉了，因为更高优先级的 CSS 定义覆盖了它。然而，对于我的测试，我在 属性 值之后添加了 !important 但它没有更新我的元素并且仍然被划掉。
我们有一些非常复杂的 CSS。它有可能以某种方式被覆盖，但我想确定——在 Chrome 浏览器中，在开发 window 中，如果您覆盖为对象指定的样式，添加 !important它应该有效吗？
Does the Chrome browser development tools respect style changes specifying !important?
是的，它确实尊重特异性。
然而，您可以在开发工具（或与此相关的任何地方）中使用规则之前测试规则的特异性here