html - CSS 冲突样式表

Question

我有两个样式表，它们在几个方面相互冲突。因为我使用了 5、6，在某些情况下是 9 或 10 个完整的插件，每个都有三或四个样式表，以及我自己的，所以冲突无处不在。解决此问题的最佳方法是什么？是否只能进入并修改所有插件的选择器？

编辑:问题是所有插件都使用自己的样式表，这些样式表相互冲突。如果不修改所有选择器，最佳但可能不可能的解决方案是轻松地将样式表本地化到页面的某些部分。

Answer 1

记住一些关于样式覆盖的非常基本的技巧:

首先，尽量避免使用肯定会被其他来源使用的通用类名和 ID。

其次，!important 可以覆盖样式，但只能以有意义的方式使用...

三、css“级联”部分的层级向下->出:

所以

#header a{
    color:#fff;
}

#header div a{
    color:#000;
}

#header div.some-class a.active{
    color:#ff0000;
}

底部选择器无论放在哪里都会优先，因为它是专门针对可怕的选择器链的。因此，也许您需要以一种减少被其他来源覆盖的机会的方式编写您的 css。