CSS 标签权重判断的方式
CSS權重
概念：去計算CSS選擇器的優先級大小，即權重，誰的選擇器權重大，css就表現誰的屬性，條件 必須是對同一個html 標簽的同一個屬性進行設置時 才出現優先級問題，才需要去比較優先級，即權重大小。(若權重值一樣，誰寫在后面就用誰的屬性)
?
方法一： ①加法
-
原理每種css選擇器的權重值不一樣，然后那么我們可以將選擇器的權重值進行相加，再進行比較
-
分配，
-
id選擇器權重值100.
-
class選擇器權重值10.
-
標簽選擇器權重值 1.
-
偽類選擇器權重值為1.
-
-
比較
-
例如：.box#myspan 和 p#myspan
.box#myspan :100+10=110
-
p#myspan: 1+100=101
-
body div p span:4
? ? <style>
? ? ? ? ? .box{
? ? ? ? color: red;
? ? }
? ? </style>
??
</head>
<body>
? ? <div class="box"> div中的內容
? ? ? ? <p id="myp"> p標簽的內容 ? <span id="myspan">span標簽的內容</span> ?</p>
? ? </div>
給div設置：
?
給P標簽設置
?
給span標簽設置
?
組合選擇器：
?
?
方法二 ②4個0
-
比較基礎選擇器的數量來進行權重大小判定
-
語法 （0,0,0,0）
-
第一個0表示是否是行內樣式（style屬性），是則為1，否0
在body 標簽中寫style="",才算行內樣式
-
第二個0表示擁有id選擇器的數量
-
第三個0 表示擁有class選擇器的數量
-
第四個0 表示擁有標簽選擇器的數量
-
-
比較規則
1.從第一個0 開始比較兩者數量誰大就用誰的，如果數量一樣就比較第二個0，依次類推。
eg: ① .box#myspan 和 p#myspan
-
.box#myspan(0,1,1,0) (√)
-
p#myspan(0,1,0,1)
② .box #myp #myspan & #myp#myspan
.box #myp #myspan (0,2,1,0) （√）
#myp#myspan （0,2,0,0）
總結
以上是生活随笔為你收集整理的CSS 标签权重判断的方式的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 斐波那契数列规律的计算。
- 下一篇： 贝叶斯软件genle教程_一文读懂蒙特卡