2011-02-07 79 views
0

问关于我的CSS ...这是我在做什么CSS订单/优先帮助

我有一个包含所有基本类型CSS,HTML从,BODY,A,A一Base.CSS:链接等等 我也有一个Class.CSS包含类类型的CSS,从.header_Link到.global_Links

我的链接标记加载Base.Css第一,Class.css第二,我也将有一个动态的CSS加载后覆盖任何类Base.css

 
A 
{ 
    color: #3333cc; 
} 

在Class.css

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

我知道有一个全球性的unnessessary,因为我有一个基地,但我这样做的原因是这样我就可以指定哪些链接是可以改变的全球和给选项来改变每个页面或控制

所以我有以下内容的标题链接具体环节..我有

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

问题是..我的链接仍然来了#3333CC

任何想法我做错了什么?

+0

你描述它,你这样做是正确的,必须是黑色。您可以通过http://www.jsbin.com上的实例重现问题吗? – Sotiris 2011-02-07 20:25:28

回答

0

在我的脑海里只有2个选项:

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

首先,您应该使用一个样式表与您的基地/重置在最顶部和您的风格重置后。如果您正在使用打印样式,那么最后会出现。

如果有一个样式表是不是一种选择,那么请检查您的样式表的媒体

insted的这个

<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.cs中没有该类s,内联样式或内部样式表。

另外,请检查您选择的特殊性在CSS

例如,如果你有

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

将优先于本

a { color: #444444 } 

的会是什么的CSS可能工作

.global_link a 

并不仅仅是

.global_link 
0

尝试使用它像这样

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