CSS订单/优先级帮助

Question

关于我的CSS的问题......这就是我正在做的事情

我有一个Base.CSS，包含所有基本类型的CSS，来自HTML，BODY，A，A：link等等 我还有一个包含类型css的Class.CSS，从.header_Link到.global_Links

我的链接标记首先加载Base.Css，然后加载Class.css，我也将在覆盖任何类之后加载动态css

在Base.css中，

A
{
  color: #3333cc;
}

Class.css中的

.header_Link
{ }
.global_Link
{
  color: Black;
}

我知道有一个全局是不必要的，因为我有一个A的基础，但我这样做的原因是我可以指定哪些链接可以更改为全局，并提供更改每页或控件的特定链接的选项< / p>

所以我有以下的标题链接..

<a href="" class="global_Link header_Link">Link</a>

我遇到的问题是......我的链接仍然存在＃3333cc

知道我做错了吗？

Answer 1

在我看来，只有两个选项：

1. CSS文件的加载顺序错误。
2. 第二个CSS命令会在您的.global_Link链接后覆盖。

Answer 2

首先，你应该使用一个样式表，你的基础/重置在最顶层，你的样式在重置后。如果您使用的是打印样式，那么它们将会持久。

如果无法选择一个样式表，请检查样式表的媒体

即

这是

的内容

<link type="text/css" href="base.css" rel="stylesheet"  />
<link type="text/css" href="class.css" rel="stylesheet" />

你应该有这个

<link type="text/css" href="base.css" rel="stylesheet"  />
<link type="text/css" href="class.css" rel="stylesheet" media="all" />

还要检查以确保您没有在base.css，内联样式或内部样式表中显示该类。

同时检查选择器在css中的特异性

例如，如果你有

#body ul li a { color: #33cc11} 

将优先于此

a { color: #444444 }

可能在css中起作用的是

.global_link a

而不仅仅是

.global_link

Answer 3

尝试像这样使用

.global_Link:link,
.global_Link:active, 
.global_Link:active, 
.global_Link:visited
{
  color: Black;
}