CSS冲突的样式表(CSS Conflicting Style Sheets)

2019-09-24 02:15发布

我在几个方面两个样式表与对方发生冲突。 因为我使用的是5,6,而且在某些情况下,9或10个完整的插件,每个有三个或四肢样式表,用我自己的一起,发生冲突无处不在。 什么是解决这个问题的最好方法? 是去并修改所有插件的选择是唯一的选择?

编辑:问题是,所有的插件使用自己的样式表与对方发生冲突。 最佳的,但不修改所有的选择可能是不可能的,解决办法很容易本地化样式表的页面的某些部分。

Answer 1:

记住了风格压倒一切的一些非常基本的技巧:

首先,尽量避免通用类名和ID的那个一定会通过其他渠道使用。

其次,!重要的是可以覆盖的风格,而只应的方式,使意义上使用...

三,CSS的“级联”部分的层次是下跌 - >出:

所以

#header a{
    color:#fff;
}

#header div a{
    color:#000;
}

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

它被放置,因为它与选择的一个可怕的链条专门针对底部选择将优先不管。 因此,也许你需要写你的CSS在减少其他来源所覆盖的机会的方式。



Answer 2:

最好的办法是绝对不能 ,除非你自己写的插件修改插件的选择。 你应该修改自己的类/ IDS / css文件到...不是有冲突。



Answer 3:

使你的CSS尽可能具体,除非你有信心,你知道在你的方式,我不会修改插件。



Answer 4:

总结要在自己的div来定位每个部分,具有特定的和适当的ID。 然后MOD在样式表中每个选择由#specificSectionID之前。 随着一个体面的代码编辑器查找/更改,你会在五分钟内完成。 例:

.headersection a {color: #DDD; background: transparent}
//becomes
#topSection .headersection a {color: #DDD; background: transparent}


文章来源: CSS Conflicting Style Sheets