Lien css problème de schéma de couleurs différentes

Question

Pourquoi les liens de nav prennent-ils le style des liens normaux?

Ceci est un menu de navigation de base:

<!--  Begin menu --> 
<div align="center"> <span class="nav"> 
    <a href="index.html" title="Graphic Boulevard - Home pagina">Home</a> | 
    <a href="autobelettering.html" title="Graphic Boulevard - Autobelettering">Autobelettering</a> | 
    <a href="reclame.html" title="Graphic Boulevard - Binnen reclame en Buiten reclame">Reclame</a> | 
    <a href="prints.html" title="Graphic Boulevard - Groot formaat printen">Prints</a> | 
    <a href="textiel.html" title="Graphic Boulevard - Textiel bedrukken">Textiel</a> | 
    <a href="ontwerpen.html" title="Graphic Boulevard - Ontwerpen">Ontwerpen</a> | 
    <a href="aanleveren.html" title="Graphic Boulevard - Digitale bestanden aanleveren">Aanleveren</a> | 
    <a href="contact.html" title="Graphic Boulevard - Neem contact met ons op.">Contact</a> 
</span><br /> 
</div> 
    <!-- Einde Menu --> 

C'est le CSS

/* Normal links */ 

a { 
    font-size: 12px; 
    color: #DC342F; 
} 

a:link { 
    text-decoration: none; 
    color: #DC342F; 
} 
a:visited { 
    text-decoration: none; 
    color: #DC342F; 
} 
a:hover { 
    text-decoration: underline; 
    color: #DC342F; 
} 

a:active { 
    text-decoration: none; 
    color: #DC342F; 
} 

/* navigation links */ 

a.nav { 
    text-decoration: none; 
    color: #FFFFFF; 
    font-weight: bold; 
    font-size: 14px; 
} 
a.nav:visited { 
    text-decoration: none; 
    color: #FFFFFF; 
    font-weight: bold; 
    font-size: 14px; 
} 
a.nav:hover { 
    text-decoration: none; 
    color: #DFFFFFF; 
    font-weight: bold; 
    font-size: 14px; 
} 
a.nav:active { 
    text-decoration: none; 
    color: #FFFFFF; 
    font-weight: bold; 
    font-size: 14px; 
} 

Answer 1

Ce appartient probablement doctype, mais je pense que vous voulez que votre sélecteur à lire ». nav a "plutôt que" a.nav ".

Answer 2

Kev est correct

a.nav est un élément de lien avec la classe de nav

.nav un est des liens hypertextes dans la classe parent nav

Answer 3

Vos liens ne sont pas la classe "nav" se. Vous voulez ceci:

span.nav a { 
    text-decoration: none; 
    color: #FFFFFF; 
    font-weight: bold; 
    font-size: 14px; 
} 
span.nav a:visited { 
    text-decoration: none; 
    color: #FFFFFF; 
    font-weight: bold; 
    font-size: 14px; 
} 
span.nav a:hover { 
    text-decoration: none; 
    color: #DFFFFFF; 
    font-weight: bold; 
    font-size: 14px; 
} 
span.nav a:active { 
    text-decoration: none; 
    color: #FFFFFF; 
    font-weight: bold; 
    font-size: 14px; 
}