css - 样式表混淆

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 一样，信息如此之少，我们无法判断会发生什么以及可以做什么。

如果您可以更清楚地了解这个主题，我们可以以更好的方式帮助您。

再见。