css-与另一个css文件的css样式冲突

Question

我在网站上工作，问题是这样的。 我的页面中有一些div和table。

我为他们写了一些课程和风格，让他们看起来像我想要的样子。

然后我添加了一个jquery插件，它有一个css文件。我把它包括在内，很多我的风格都被破坏和改变了。

我在课堂名称中使用了！重要的是，尝试编辑它们并且它们中的一部分但是其中大多数仍然很糟糕。

我有什么办法让这些款式分开？一种使jquery css文件只能自行工作并且不会影响整个页面的方法吗？

Answer 1

没有啤酒也没有代码让本垒打变得疯狂！ 有两个选择，为什么国外的CSS是他妈的＆＃39;你的设计。

1st - 您使用相同的类和ID名称。

• 通过将您的班级名称更改为独特的名称，可以轻松应对此问题。我通常会在我的课程中添加一个前缀，以便实现...

第二 - 包含的插件为元素本身设置样式，不使用类名或ID

• 这可以通过更改css加载顺序来解决。首先是插件，第二个是你自己的样式表。

根据http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/： 最后定义的规则会覆盖之前存在冲突的规则。

• 如果它还在弄乱你的某些元素，那么你可能还没有在你的CSS中设计这些元素，因此采用其他风格。

然而，最好的方法是，采用插件样式表并删除所有与样式表冲突的样式表，这样就不会有更多冲突的规则了！

Answer 2

你可以：

1. 更改班级名称
2. 确保在插件css之后包含你的css（因此你覆盖了插件）
3. 为您的页面创建一个类名，并使用嵌套的类名（.page-name div.className）
4. 使用类似firebug或任何其他开发人员工具检查元素，看看插件css如何覆盖你的css（重要的，更长的嵌套，或者仅仅因为它稍后被声明）。