溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹CSS樣式繼承和層疊的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
一:基本選擇器
標簽選擇：根據頁面當中標簽名字進行選擇，直接把樣式應用到指定的標簽上。
特點：
1.標簽選擇器會對當年頁面當中所有的指定標簽進行選擇；
2.標簽選擇器對代碼的當前標簽層次結構沒有任何關聯，只要是在當前頁面上，都能被選中。
id選擇：需要先指定一個標簽設置id值（id值不能重復是整個頁面中唯一的）。
class選擇：通過給標簽取類名，通過類選擇器選擇指定標簽。
二：三套復雜選擇器
1.后代選擇器
A、可以根據當前選擇中的標簽，找到后續子標簽
B、后代選擇器可以進行多層精確選擇
2.交集選擇器
格式：第一層選擇第二層選擇{}
注意：點表示交集，一般以標簽開頭
3.并集選擇器
格式：第一個選擇器，第二個選擇器，…{}
三：css繼承性
定義：有一些樣式，在給當前標簽設置的時候，同時會給它后代標簽進行設置
注意：繼承到樣式的標簽和定義樣式的標簽必須是從屬關系（后代標簽關系）
對文本樣式設置的基本屬性才能被繼承（顏色color\樣式text\字體font\行屬性line）
所有關于對于盒子模型（div、span等）的屬性設置（border、定位、布局）都不能被繼承
四：css層疊性
定義：多個選擇器同時作用在同一個標簽上的時候，會根據優先級別來進行樣式作用
選擇器的判定方式：
-通過權值判斷法
-通過每一個選擇其中的id選擇、類選擇、標簽選擇數量來計做權值（ICE）
-先比較id權值，再次比較類、最后比較標簽
-全部一樣比較順序
注意：如果權值一樣，則后面覆蓋前面。數權值的前提是一定保證每一條選擇器必須要選中指定元素。
如果作用域沒有直接作用到標簽本身上，則體現的就是就近原則
important優先級最高，*優先級最低
以上是“CSS樣式繼承和層疊的示例分析”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
