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.