我想為超連結(jié)樣式建立多個(gè)類(lèi)別。
我想要一個(gè)預(yù)設(shè)類(lèi)別以及一個(gè)用於導(dǎo)航選單的特殊類(lèi)別。
這是我的 CSS 程式碼:
a { color: white; text-decoration: none; } .menu-items a { color: black; text-decoration: none; }
我嘗試在 html 中呼叫“menu-items”類(lèi),但它繼續(xù)使用上面顯示的預(yù)設(shè) 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>
我嘗試刪除預(yù)設(shè)類(lèi)並創(chuàng)建兩個(gè)特殊類(lèi),但沒(méi)有成功。這裡有點(diǎn)不知所措。
可以直接把類(lèi)別名稱(chēng).menu-items
#CSS a { color: white; text-decoration: none; } .menu-items { color: black; text-decoration: none; }
- Temperature
- |
- Weight
- |
- Currency
您的選擇器不正確,因?yàn)?menu-items
不是 a
s 父級(jí)。您應(yīng)該像這樣選擇標(biāo)籤:
a.menu-items { color: black; text-decoration: none;}