為什麼我不能從 html 程式碼中呼叫我的 css 超連結樣式類別？

Question

我想為超連結樣式建立多個類別。

我想要一個預設類別以及一個用於導航選單的特殊類別。

這是我的 CSS 程式碼：

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

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

我嘗試在 html 中呼叫“menu-items”類，但它繼續使用上面顯示的預設 a{} 樣式。

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

我嘗試刪除預設類並創建兩個特殊類，但沒有成功。這裡有點不知所措。

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