<tbody id="j99e4"></tbody>

<dd id="j99e4"></dd>

  • <button id="j99e4"><object id="j99e4"></object></button>
      1. <th id="j99e4"></th>
        <button id="j99e4"><acronym id="j99e4"></acronym></button><rp id="j99e4"><object id="j99e4"><input id="j99e4"></input></object></rp>

        !Css的優先級
        2022-05-31 17:23:16

        每天一記:

        首先:        !import的樣式優先級高于一切

        ?

        Body中 優先級:1.最近的祖先樣式比其他祖先樣式優先級高。2.內聯樣式"比"祖先樣式"優先級高


        選擇器的優先級上面討論了一個標簽從祖先繼承來的屬性,現在討論標簽自有的屬性。在討論 CSS 優先級之前,先說說 CSS 7 種基礎的選擇器:

        • ID 選擇器, 如 #id{}
        • 類選擇器, 如 .class{}
        • 屬性選擇器, 如 a[href="segmentfault.com"]{}
        • 偽類選擇器, 如 :hover{}
        • 偽元素選擇器, 如 ::before{}
        • 標簽選擇器, 如 span{}
        • 通配選擇器, 如 *{}

        優先級關系:內聯樣式 > ID 選擇器 > 類選擇器 = 屬性選擇器 = 偽類選擇器 > 標簽選擇器 = 偽元素選擇器


        計算選擇符中 ID 選擇器的個數(a),計算選擇符中類選擇器、屬性選擇器以及偽類選擇器的個數之和(b),計算選擇符中標簽選擇器和偽元素選擇器的個數之和(c)。按 a、b、c 的順序依次比較大小,大的則優先級高,相等則比較下一個。若最后兩個的選擇符中 a、b、c 都相等,則按照"就近原則"來判斷。


        屬性后插有?!important?的屬性擁有最高優先級。若同時插有?!important,則再利用規則 3、4 判斷優先級。


        ?

        作者:??咸瑜???

        本文摘自 :https://blog.51cto.com/u


        更多科技新聞 ......

        亚洲人成图偷偷小说_亚洲图片小说激情综合_国产精品亚洲自在线播放页码_久久综合亚洲色hezyo国产
        <tbody id="j99e4"></tbody>

        <dd id="j99e4"></dd>

      2. <button id="j99e4"><object id="j99e4"></object></button>
          1. <th id="j99e4"></th>
            <button id="j99e4"><acronym id="j99e4"></acronym></button><rp id="j99e4"><object id="j99e4"><input id="j99e4"></input></object></rp>