css - 维护 CSS 层次结构

Question

我有一个 HTML5 页面，其中包含主 CSS 和选项卡式布局。某些选项卡具有第 3 方控件(如 bootstrap.css 等)，当单击该选项卡时会加载这些控件，从而覆盖 master.css 设置的某些样式属性

我们可以通过不允许这些特定属性不被 !important 覆盖来解决这个问题。但是我们有 1000 个这样的属性，可能无法对所有属性进行手动操作。

有什么解决方法吗？

Answer 1

如评论之一所述，您可以使用称为 CSS 特异性 的东西来解决问题。 您可以阅读更多相关信息 here .

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

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

然后获得更高的优先级

.green {
    color: green;
}