Question

我有一个HTML5页面，它有一个主css和标签布局。某些选项卡具有第三方控件（如bootstrap.css等），当单击该选项卡时会加载该控件，从而覆盖master.css设置的样式的某些属性

我们可以通过不允许那些特定属性不被！important覆盖来解决这个问题。但是我们有1000个这样的属性，并且可能无法为所有人手动完成。

对此有何解决方法？

Answer 1

正如其中一条评论中所提到的，您可以使用称为 CSS特异性的东西来解决问题。您可以阅读更多相关信息here。

简而言之，让更重要的样式更具体。例如：

.my-divs .green {
    color: green;
}

获得更多优先权

.green {
    color: green;
}