Html 停止覆盖CSS属性

使用Chrome的devtools检查元件时，在元件中 选项卡，右侧的“样式”栏显示相应的CSS 财产。有时，这些属性中的一些被穿透。 这些属性意味着什么

答复——

这意味着应用了略去的样式，但随后被覆盖 通过更具体的选择器、更本地的规则或更高版本的属性 在同一规则内

有没有办法防止这种行为？
即-停止重写属性。

---

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

您可以添加

！重要信息

在CSS代码的分号之前

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

---

您可以阅读它

您可以添加

！重要信息

在CSS代码的分号之前

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

---

您可以阅读它

您可以添加

！重要信息

在CSS代码的分号之前

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

---

您可以阅读它

您可以添加

！重要信息

在CSS代码的分号之前

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

---

你可以仔细阅读它，不一定，浏览器就是这样呈现页面的

您可以在CSS上粘贴一条重要信息：

.example {
   color: red !important;
}

---

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

不太可能，浏览器就是这样呈现页面的

您可以在CSS上粘贴一条重要信息：

.example {
   color: red !important;
}

---

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

不太可能，浏览器就是这样呈现页面的

您可以在CSS上粘贴一条重要信息：

.example {
   color: red !important;
}

---

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

不太可能，浏览器就是这样呈现页面的

您可以在CSS上粘贴一条重要信息：

.example {
   color: red !important;
}

---

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

如果它在一个已发布的网站上，并且只有一个或两个属性需要更改，您可以双击该属性，然后添加！重要到最后。如果它是您自己的站点，只需将规则进一步放在css文件的下方，或者确保它是一个更具体的选择。注意：将样式内联放置，虽然不完全是“开发人员友好的”，但也可能是一种选择（它们具有更高的显示顺序）。划掉的属性也可能意味着它们无效（在chrome开发工具中，还有一个黄色三角形，上面有

！

的签名），如果它位于已发布的网站上，只有一两个属性需要更改，您可以双击该属性，然后添加！重要到最后。如果它是您自己的站点，只需将规则进一步放在css文件的下方，或者确保它是一个更具体的选择。注意：将样式内联放置，虽然不完全是“开发人员友好的”，但也可能是一种选择（它们具有更高的显示顺序）。划掉的属性也可能意味着它们无效（在chrome开发工具中，还有一个黄色三角形，上面有

！

的签名），如果它位于已发布的网站上，只有一两个属性需要更改，您可以双击该属性，然后添加！重要到最后。如果它是您自己的站点，只需将规则进一步放在css文件的下方，或者确保它是一个更具体的选择。注意：将样式内联放置，虽然不完全是“开发人员友好的”，但也可能是一种选择（它们具有更高的显示顺序）。划掉的属性也可能意味着它们无效（在chrome开发工具中，还有一个黄色三角形，上面有

！

的签名），如果它位于已发布的网站上，只有一两个属性需要更改，您可以双击该属性，然后添加！重要到最后。如果它是您自己的站点，只需将规则进一步放在css文件的下方，或者确保它是一个更具体的选择。注意：将样式内联放置，虽然不完全是“开发人员友好的”，但也可能是一个选项（它们具有更高的显示顺序）。划掉的属性也可能意味着它们无效（在chrome开发工具中，还有一个黄色三角形，上面有

！

符号）