91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

web前端入門到實戰:HTML標簽的權重

發布時間:2020-05-20 16:03:50 來源:網絡 閱讀:206 作者:前端向南 欄目:web開發

一、什么是優先級的權重

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;

        }

web前端入門到實戰:HTML標簽的權重

(2)如果id選擇器同樣多,那么類選擇器多的優先級高

.box1 .box2{

            color: blue;

        }

        div ul li p{

            color: purple;

        }
web前端開發學習Q-q-u-n:⑦⑧④-⑦⑧③-零①②,分享學習的方法和需要注意的小細節,不停更新最新的教程和學習方法(詳細的前端項目實戰教學視頻)

web前端入門到實戰:HTML標簽的權重

(3)如果類名的個數也一樣多,那么標簽個數多的個數多的優先級高


 #identity1 ul{

            color: red;

        }

        #identity1 ul li p{

            color: purple;

        }

web前端入門到實戰:HTML標簽的權重

(4)如果上述三條全都一樣,那么誰在后面聽誰的


 #identity1 ul li{

            color: blue;

        }

        #identity1 ul p{

            color: red;

        }

web前端入門到實戰:HTML標簽的權重

3.注意:只有選擇器是直接選中標簽的才需要計算

#identity1{

            color: blue;

        }

        p{

            color: red;

        }

web前端入門到實戰:HTML標簽的權重

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

宁晋县| 绥化市| 常德市| 祁门县| 安宁市| 克拉玛依市| 启东市| 台东县| 呼图壁县| 马山县| 崇左市| 江华| 文昌市| 达州市| 崇信县| 万山特区| 延川县| 泽普县| 东丽区| 轮台县| 临沧市| 金乡县| 阜阳市| 海原县| 孟津县| 上饶市| 贵南县| 烟台市| 石嘴山市| 佛坪县| 玉环县| 阿城市| 澄江县| 池州市| 桃源县| 曲周县| 禹城市| 佛冈县| 微博| 抚顺市| 海宁市|