我想知道哪個選擇器會影響我的 div，為什么？
HTML
<div class="div-1" class="div-2"></div>
CSS
.div-1 {
width: 200px;
height: 300px;
background-color: gray;
}
.div-2 {
width: 200px;
height: 300px;
background-color: blue;
}
片段
顯示代碼片段
.div-1 {
width: 200px;
height: 300px;
background-color: gray;
}
.div-2 {
width: 200px;
height: 300px;
background-color: blue;
}<div class="div-1" class="div-2"></div>uj5u.com熱心網友回復：
決議開始標簽時，第二個class屬性會觸發重復屬性決議錯誤并被忽略。
如果令牌上已經有一個具有完全相同名稱的屬性，那么這是一個重復屬性決議錯誤，并且必須從令牌中洗掉新屬性。
因此，只會class添加第一個屬性，因此唯一適用于 div 的類是div-1，因此只有第一個規則集將適用。
請注意，您可以將多個類應用于單個元素，因為該class屬性接受空格分隔的 classes串列。在這種情況下，將應用級聯的常規規則（第二個規則集的屬性覆寫第一個規則集的重復屬性，因為選擇器具有相同的特異性，因此它們按出現順序應用）。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/478799.html