<p id="g32nn"></p>
    1. <acronym id="g32nn"><strong id="g32nn"></strong></acronym>
      <pre id="g32nn"></pre>

      <table id="g32nn"><option id="g32nn"></option></table>

          !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


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

          97久久久久人妻精品专区_国产成人精品视频导航_国产色诱视频在线播放网站_97午夜理论电影影院
          <p id="g32nn"></p>
          1. <acronym id="g32nn"><strong id="g32nn"></strong></acronym>
            <pre id="g32nn"></pre>

            <table id="g32nn"><option id="g32nn"></option></table>