Ссылка css другая проблема с цветовой схемой

Question

Почему навигационные ссылки берут стиль обычных ссылок?

Это основное меню навигации:

<!--  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 --> 

Это 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

Это, вероятно, принадлежит на DOCTYPE, но я думаю, что вы хотите, чтобы ваш селектор для чтения». nav a ", а не" a.nav ".

Answer 2

Кев правильно

a.nav является гиперссылкой элемент с классом нав

.nav а является гиперссылок в родительском классе нав

Answer 3

Ваши ссылки не имеют класс «нав» самих себя. Вы хотите:

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; 
}