Mengapa saya tidak boleh memanggil kelas gaya hiperpautan css saya daripada kod html?

Question

Saya mahu mencipta berbilang kelas untuk gaya hiperpautan.

Saya mahukan kelas lalai dan kelas khas untuk menu navigasi.

Ini kod CSS saya:

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

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

Saya cuba memanggil kelas "item menu" dalam html, tetapi ia terus menggunakan gaya lalai{} yang ditunjukkan di atas.

Ini ialah kod 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>

Saya cuba mengalih keluar kelas lalai dan mencipta dua kelas khas tanpa berjaya. Agak terharu di sini.

Answer 1

Boleh terus letak nama kelas.menu-item

    

        

            

                Temperature
            
|
            
Weight
            
|
            
Currency
        
    
 

CSS


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

Answer 2

Pemilih anda tidak betul kerana ibu bapa menu-items 不是 a. Anda harus memilih tag seperti ini:

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