Pourquoi ne puis-je pas appeler ma classe de style de lien hypertexte CSS à partir du code HTML ?

Question

Je souhaite créer plusieurs classes pour les styles de liens hypertexte.

Je veux une classe par défaut et une classe spéciale pour le menu de navigation.

Voici mon code CSS :

a {
    color: white;
    text-decoration: none;
}

.menu-items a {
    color: black;
    text-decoration: none;
}

J'ai essayé d'appeler la classe "menu-items" en HTML, mais elle continue d'utiliser le style a{} par défaut indiqué ci-dessus.

Voici le code html :

<div class="container-outside">
    <div class="container-inside">
        <ul class="ul-list">
            <li>
                <a class="menu-items" href="temperature.html">Temperature</a></li>
            <li>|</li>
            <li>Weight</li>
            <li>|</li>
            <li>Currency</li>
        </ul>
    </div>
</div>

J'ai essayé de supprimer la classe par défaut et de créer deux classes spéciales sans succès. Un peu dépassé ici.

Answer 1

Vous pouvez directement mettre le nom de la classe.menu-items

    

        

            

                Temperature
            
|
            
Weight
            
|
            
Currency
        
    
 

CSS


 a {
        color: white;
        text-decoration: none;
    }
    
    .menu-items  {
        color: black;
        text-decoration: none;
    }

Answer 2

Votre sélecteur est incorrect car menu-items 不是 aest le parent. Vous devez sélectionner la balise comme ceci :

a.menu-items {
color: black;
text-decoration: none;}