繼承性
概念:在Css中,有一些屬性, 如果給父級元素設定了,那么它的后代元素都將繼承這個屬性,
如: p、h3標簽,可以從它的祖先元素中繼承了文字的屬性,沒有繼承盒子的屬性,
注:只有文字的屬性能夠繼承,盒子的屬性不能繼承,
文字屬性: color、 font 系列、line- 系列、text- 系列,
盒子屬性: background 系列、width、 height、 border 系列、浮動、定位等,
通過控制臺查看繼承的屬性: Elements 面板=> Style選項卡,即可查看繼承的屬性CSS的繼承性是一個很好的語言特性,
作用:可以簡化CSS代碼,有的屬性可以設定給body, body 內部的標簽都會繼承這個屬性,
層疊性體現: css 的繼承性,
選擇器的權值
權重:選擇器的針對性越強,權值越高,
權重排序: !important >行內樣式>id>類|偽類|屬性>標簽>通配符,
針對同一個元素標簽,當設定了不同的選擇器時,要判斷權值的大小,權值越大優先級越高;
基本選擇器權值如下:

注:某些瀏覽器下: 1個類選擇器= 255標簽選擇器,1個ID選擇 器= 255個類選擇器
計算權重
權重:就是對選擇器組合后的權值求和,權重越高使用樣式的優先級越大,
權重的計算方法:比較id、類、標簽的數量,依次比較,
如果id的數量多,就權重最大,
如果id的數量相同,比較類的數量,類多的權重大,
如果類的數量也相同,比較標簽的數量,標簽多的權重大,
標簽還相同,那么看css里面的書寫順序,根據就近原則,此時會優先使用離元素最近的選擇器(最后書寫的),
即:如果權重相同,最后出現的就是我們顯示的,
層疊性:針對同一個元素標簽,當設定了不同的選擇器時,權重高的層疊掉權重低的樣式,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qukuanlian/274107.html
標籤:區塊鏈
上一篇:Golang入門之——介紹與安裝
