ordre CSS/Priorité Aide

Question

Question sur mon CSS ... voici ce que je fais

J'ai un base.css qui contient tous les types de base CSS, du HTML, le corps, A, A: lien, etc. J'ai aussi un Class.CSS qui contient le type de classe css, de .header_Link à .global_Links

Mon tag de lien charge Base.Css en premier, Class.css en second, je vais aussi avoir un css dynamique chargé après pour remplacer toute la classe

dans base.css,

 
A 
{ 
    color: #3333cc; 
} 

dans Class.css

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

Je sais que d'avoir un global est unnessessary depuis que j'ai une base A, mais la raison pour laquelle je fais c'est je peux préciser quels liens peuvent être modifiés que globale et donner possibilité de modifier des liens spécifiques par page ou le contrôle

J'ai donc un lien d'en-tête avec la suite ..

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

Mon problème, est .. mes liens sont encore à venir en # 3333CC

Une idée de ce que je fais mal?

Answer 1

dans mon esprit il n'y a que deux options:

1. Le CSS-fichiers sont chargés pour mauvais.
2. Il existe une deuxième commande CSS qui écrase après votre .global_Link le lien.

Answer 2

Vous devez d'abord utiliser une feuille de style avec votre base/réinitialisation tout en haut et vos styles après la réinitialisation. Si vous utilisez des styles d'impression, ceux-ci viendront en dernier.

Si avoir une feuille de style n'est pas une option, vérifiez les médias de votre feuille de style

-à-dire

insted de cette

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

vous devriez avoir cette

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

Vérifiez également pour vous assurer que cette classe n'apparaît pas dans votre base.cs s, styles en ligne ou une feuille de style interne.

Vérifiez également la spécificité de vos sélecteurs dans le css

Par exemple, si vous avez

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

ont priorité sur cette

a { color: #444444 } 

ce serait probablement travailler dans le css est

.global_link a 

et pas seulement

.global_link 

Answer 3

Essayez d'utiliser comme cette

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