CSS樣式繼承和層疊的示例分析

這篇文章主要介紹CSS樣式繼承和層疊的示例分析，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站制作、成都做網(wǎng)站、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務達拉特,十年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:13518219792

一:基本選擇器

標簽選擇：根據(jù)頁面當中標簽名字進行選擇，直接把樣式應用到指定的標簽上。

特點：

1.標簽選擇器會對當年頁面當中所有的指定標簽進行選擇；

2.標簽選擇器對代碼的當前標簽層次結(jié)構(gòu)沒有任何關聯(lián)，只要是在當前頁面上，都能被選中。

id選擇：需要先指定一個標簽設置id值（id值不能重復是整個頁面中唯一的）。

class選擇：通過給標簽取類名，通過類選擇器選擇指定標簽。

二：三套復雜選擇器

1.后代選擇器

A、可以根據(jù)當前選擇中的標簽，找到后續(xù)子標簽

B、后代選擇器可以進行多層精確選擇

2.交集選擇器

格式：第一層選擇第二層選擇{}

注意：點表示交集，一般以標簽開頭

3.并集選擇器

格式：第一個選擇器，第二個選擇器，…{}

三：css繼承性

定義：有一些樣式，在給當前標簽設置的時候，同時會給它后代標簽進行設置
注意：繼承到樣式的標簽和定義樣式的標簽必須是從屬關系（后代標簽關系）
對文本樣式設置的基本屬性才能被繼承（顏色color\樣式text\字體font\行屬性line）
所有關于對于盒子模型（div、span等）的屬性設置（border、定位、布局）都不能被繼承

四：css層疊性

定義：多個選擇器同時作用在同一個標簽上的時候，會根據(jù)優(yōu)先級別來進行樣式作用

選擇器的判定方式：

-通過權(quán)值判斷法
-通過每一個選擇其中的id選擇、類選擇、標簽選擇數(shù)量來計做權(quán)值（ICE）
-先比較id權(quán)值，再次比較類、最后比較標簽
-全部一樣比較順序

注意：如果權(quán)值一樣，則后面覆蓋前面。數(shù)權(quán)值的前提是一定保證每一條選擇器必須要選中指定元素。

如果作用域沒有直接作用到標簽本身上，則體現(xiàn)的就是就近原則

important優(yōu)先級最高，*優(yōu)先級最低

以上是“CSS樣式繼承和層疊的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文標題：CSS樣式繼承和層疊的示例分析
當前地址：http://muchs.cn/article12/jopgdc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導航、手機網(wǎng)站建設、App設計、關鍵詞優(yōu)化、網(wǎng)站改版、企業(yè)建站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)