CSS Заказать/Приоритет Помощь

Question

Вопрос о моем CSS ... вот что я делаю

У меня есть Base.CSS, который содержит все базы типа CSS, от HTML, BODY, A, A: связь и т.д. и т. д. У меня также есть класс.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, но причина, я делаю это так, я могу указать, какие ссылки могут быть изменены, как глобальные и дает возможность изменять конкретные ссылки на страницу или управления

Так у меня есть связь заголовка со следующими ..

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

проблемы у меня есть .. мои ссылки все еще придумывают # 3333cc

Любая идея, что я делаю неправильно?

Answer 1

в моем сознании есть только два изменения:

1. CSS-файлы, которые загружаются в неправильном порядке.
2. Есть вторая команда CSS, которая перезаписывает после вашего .global_Link ссылку.

Answer 2

Сначала вы должны использовать одну таблицу стилей с базой/сбросом на самом верху и ваши стили после сброса. Если вы используете стили печати, это будет последним.

Если иметь одну таблицу стилей не вариант, а затем проверить носитель из таблицы стилей

т.е.

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 } 

, что, вероятно, работать в КСС

.global_link a 

и не только

.global_link 

Answer 3

Попробуйте использовать его как этот

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