<font id="zqva1"></font>
<rt id="zqva1"></rt>
  • <tt id="zqva1"></tt>
    <cite id="zqva1"></cite>

    <cite id="zqva1"><noscript id="zqva1"></noscript></cite>
      <rp id="zqva1"><meter id="zqva1"></meter></rp>

        <cite id="zqva1"></cite>
          <b id="zqva1"></b>
          <rp id="zqva1"></rp>
          <cite id="zqva1"></cite>

          <rt id="zqva1"></rt>

        1. <rp id="zqva1"></rp>

          css權重如何計算的?

          時間:?2019-12-21閱讀:?41標簽:?權重

          CSS權重是由四個數值決定,看一張圖比較好解釋:


          圖里是英文的,我翻譯過來分別說一下,4個等級的定義如下:

          • 第一等:內聯樣式,如:,權值為1000.(該方法會造成css難以管理,所以不推薦使用)

          • 第二等:ID選擇器,如:#header,權值為0100.

          • 第三等:類、偽類、屬性選擇器如:.bar, 權值為0010.

          • 第四等:標簽、偽元素選擇器,如:div ::first-line 權值為0001.

          最后把這些值加起來,再就是當前元素的權重了。

          其他:

          • 無條件優先的屬性只需要在屬性后面使用!important。它會覆蓋頁面內任何位置定義的元素樣式。(ie6支持上有些bug)。

          • 通配符,子選擇器,相鄰選擇器等。如*,>,+, 權值為0000.

          • 繼承的樣式沒有權值。


          CSS權重計算方式

          • 計算選擇符中的ID選擇器的數量(=a)

          • 計算選擇符中類、屬性和偽類選擇器的數量(=b)

          • 計算選擇符中標簽和偽元素選擇器的數量(=c)

          • 忽略全局選擇器

          在分別計算a、b、c的值后,按順序連接abc三個數字組成一個新的數字,改值即為所計算的選擇符的權重。如果兩個選擇符的計算權重值相同,則采取“就近原則”。

          示例:

          div#app.child[name="appName"] /a=1,b=2,c=1 —>權重 = 1 + 100 + 10 +10 = 121/
          吐血推薦

          1.站長廣告聯盟: 整理了目前主流的廣告聯盟平臺,如果你有流量,可以作為參考選擇適合你的平臺點擊進入...

          2.休閑娛樂: 直播/交友    優惠券領取   網頁游戲   H5游戲

          鏈接: http://www.modern-decoration.com.cn/article/detial/7537

          fly63.com版權所有,內容以共享、參考、研究為目的,不存在任何商業目的。其版權屬原作者所有,如有侵權,請與小編聯系!情況屬實本人將予以刪除!

          文章投稿關于web前端網站點搜索站長推薦網站地圖站長QQ:522607023

          小程序專欄: 土味情話心理測試腦筋急轉彎幽默笑話段子句子語錄成語大全

          国产精品高清视频免费 - 视频 - 在线观看 - 影视资讯 - 唯爱网