Warum kann ich meine CSS-Hyperlink-Stilklasse nicht über HTML-Code aufrufen?

Question

Ich möchte mehrere Klassen für Hyperlink-Stile erstellen.

Ich möchte eine Standardklasse und eine spezielle Klasse für das Navigationsmenü.

Das ist mein CSS-Code:

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

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

Ich habe versucht, die Klasse „menu-items“ in HTML aufzurufen, aber sie verwendet weiterhin den oben gezeigten Standardstil a{}.

Dies ist der HTML-Code:

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

Ich habe erfolglos versucht, die Standardklasse zu entfernen und zwei spezielle Klassen zu erstellen. Ein bisschen überfordert hier.

Answer 1

可以直接把类名.menu-items

    

        

            

                Temperature

            
|
            
Weight
            
|
            
Currency
        
    
 

CSS


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

Answer 2

您的选择器不正确，因为 menu-items 不是 as 父级。您应该像这样选择标签：

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