我在几个方面两个样式表与对方发生冲突。 因为我使用的是5,6,而且在某些情况下,9或10个完整的插件,每个有三个或四肢样式表,用我自己的一起,发生冲突无处不在。 什么是解决这个问题的最好方法? 是去并修改所有插件的选择是唯一的选择?
编辑:问题是,所有的插件使用自己的样式表与对方发生冲突。 最佳的,但不修改所有的选择可能是不可能的,解决办法很容易本地化样式表的页面的某些部分。
我在几个方面两个样式表与对方发生冲突。 因为我使用的是5,6,而且在某些情况下,9或10个完整的插件,每个有三个或四肢样式表,用我自己的一起,发生冲突无处不在。 什么是解决这个问题的最好方法? 是去并修改所有插件的选择是唯一的选择?
编辑:问题是,所有的插件使用自己的样式表与对方发生冲突。 最佳的,但不修改所有的选择可能是不可能的,解决办法很容易本地化样式表的页面的某些部分。
记住了风格压倒一切的一些非常基本的技巧:
首先,尽量避免通用类名和ID的那个一定会通过其他渠道使用。
其次,!重要的是可以覆盖的风格,而只应的方式,使意义上使用...
三,CSS的“级联”部分的层次是下跌 - >出:
所以
#header a{
color:#fff;
}
#header div a{
color:#000;
}
#header div.some-class a.active{
color:#ff0000;
}
它被放置,因为它与选择的一个可怕的链条专门针对底部选择将优先不管。 因此,也许你需要写你的CSS在减少其他来源所覆盖的机会的方式。
最好的办法是绝对不能 ,除非你自己写的插件修改插件的选择。 你应该修改自己的类/ IDS / css文件到...不是有冲突。
使你的CSS尽可能具体,除非你有信心,你知道在你的方式,我不会修改插件。
总结要在自己的div来定位每个部分,具有特定的和适当的ID。 然后MOD在样式表中每个选择由#specificSectionID之前。 随着一个体面的代码编辑器查找/更改,你会在五分钟内完成。 例:
.headersection a {color: #DDD; background: transparent}
//becomes
#topSection .headersection a {color: #DDD; background: transparent}