国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

深入了解CSS選擇器的優(yōu)先級與特異性
P粉036800074
P粉036800074 2023-08-22 22:06:31
0
2
643
<p>我想了解CSS選擇器在屬性沖突中是如何工作的。一個屬性如何被選擇而不是另一個屬性?</p> <p><br /></p> <pre class="brush:css;toolbar:false;">div { background-color: red; } div.my_class { background-color: black; } div#my_id { background-color: blue; } body div { background-color: green; } body>div { background-color: orange; } body>div#my_id { background-color: pink; }</pre> <pre class="brush:html;toolbar:false;"><div id="my_id" class="my_class">hello</div></pre> <p><br /></p> <p>選擇器的優(yōu)先級是如何工作的?</p>
P粉036800074
P粉036800074

全部回復(fù)(2)
P粉739706089

按順序,1是最低的特定性,5是最高的。 https://youtu.be/NqDb9GfMXuo將顯示詳細信息以進行演示。

P粉384244473

我只是在這里添加一個鏈接到CSS 2.1規(guī)范本身,以及瀏覽器應(yīng)該如何計算特異性:

CSS 2.1第6.4.3節(jié)

如果特異性相等,則會使用CSS 2.1第6.4.1節(jié)

請注意,這是在樣式定義時討論的,而不是在使用時。如果類.a.b的特異性相等,則在樣式表中最后定義的類將獲勝。<p class="a b">...</p><p class="b a">...</p>將根據(jù).a.b的定義順序以相同的樣式進行設(shè)置。

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板