您好,登錄后才能下訂單哦!
一、什么是優先級的權重
1.作用:當多個選擇器混合在一起的時候,我們可以通過計算權重來判斷誰的優先級最高。
2.權重的計算規則
公共代碼:
<body>
<div id="identity1" class="box1">
<ul>
<li>
<p id="identity2" class="box2">試煉語句</p>
</li>
</ul>
</div>
</body>
web前端開發學習Q-q-u-n: ⑦⑧④-⑦⑧③-零①②,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法(詳細的前端項目實戰教學視頻)
(1)首先計算選擇器中有多少個id,id多的選擇器優先級最高;
例子:
#identity1 .box2{
color: red;
}
.box1 .box2{
color: blue;
}
(2)如果id選擇器同樣多,那么類選擇器多的優先級高
.box1 .box2{
color: blue;
}
div ul li p{
color: purple;
}
web前端開發學習Q-q-u-n:⑦⑧④-⑦⑧③-零①②,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法(詳細的前端項目實戰教學視頻)
(3)如果類名的個數也一樣多,那么標簽個數多的個數多的優先級高
#identity1 ul{
color: red;
}
#identity1 ul li p{
color: purple;
}
(4)如果上述三條全都一樣,那么誰在后面聽誰的
#identity1 ul li{
color: blue;
}
#identity1 ul p{
color: red;
}
3.注意:只有選擇器是直接選中標簽的才需要計算
#identity1{
color: blue;
}
p{
color: red;
}
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。