Question

使用Chrome的devtools在元素中检查元素选项卡，右侧的“样式”栏显示相应的CSS 属性。有时，其中一些属性是罢工的。这些属性意味着什么？

这表示已应用划掉的样式，但随后被覆盖通过更具体的选择器，更本地的规则或更高的属性在同一规则内。

有没有办法防止这种行为？
即 - 停止覆盖财产。

注意 - 我无法控制选择器。

Answer 1

不是，那就是浏览器如何呈现页面。

你可以在CSS上发挥重要作用：

.example {
   color: red !important;
}

或者您可以在页面加载后使用Javascript更改元素的样式。

Answer 2

您可以在CSS代码中的分号前添加!important。

.example-class {
    width: 500px !important;
}

您可以阅读here