样式表混乱

Question

我在网站上使用过模板。该模板包含2个样式表。一个用于文本，另一个用于布局。现在我有一个母版页和一个contactUs表单使用该母版页。母版页使用上述两种样式表。我在控制中使用过手风琴。问题是手风琴在我使用它的控制控件的设计视图中是完美的。但是只要我把它放在使用上面的母版页和样式表的contactUs表格中，就会提到链接的样式。显示上面的2个样式表，而不是手风琴标题链接中提到的样式。一定是什么问题？如何分离所有样式以使浏览器不会混淆？

Answer 1

如果没有看到样式表的内容，就无法确切地说出它们之间的冲突是什么。一般来说，正在发生的事情是两个样式表对<a>标签有不同的规则（<a>是链接的HTML标记。）

您应该查看样式表，并找到适用于标记的规则。他们看起来像a { color: red }或其他一些。选择器可能会更复杂，因此它可以是a或li a或任何更复杂的东西，而不是a.someClass。然后，您可以执行诸如更改模板之类的操作，以便模板的某个部分上的链接具有CSS类，并更新相关的CSS选择器以仅应用于该类，如a.accordionHeader。

Answer 2

只需使用Firebug来查看哪种样式覆盖了其他样式以及为什么（更具体，在下面进一步声明，等等）。

Answer 3

1-首先看一下样式表的顺序。

2-最后一个将覆盖第一个。

3-更改样式表的顺序，只是猜测，我可以说你应该首先联系我们的样式，所以一般样式会覆盖它。

4-如果情况并非如此，并且结果不符合要求，那么您应该更加具体地了解css的代码，其中选择器比您正在使用的选择器更具体。 （就像aem在回答中告诉你的那样）。

<5>像aem一样，由于信息太少，我们无法分辨可能会发生什么以及可以做些什么。

如果你能更清楚地了解这个话题，我们可以更好地帮助你。

再见。