首页 文章

停止覆盖CSS属性

提问于
浏览 次
0

What do the crossed style properties in Google Chrome devtools mean?

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

答案 - https://stackoverflow.com/a/3047117/2232902

这意味着应用了划掉的样式，但后来被更具体的选择器，更本地的规则或同一规则中的后续属性覆盖 .

Is there a way to prevent this behavior? ie- Stop the overriding of the property.

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

html css override

2 回答

  • 1

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

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

    你可以在上面阅读here

    回复于
  • 2

    不是，这就是浏览器呈现页面的方式 .

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

    .example {
   color: red !important;
}

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

    回复于

相关问题