【溫馨提示】文章部分內容收集整理于互聯(lián)網，僅作參考！如需咨詢“CSS樣式層疊的規(guī)則是什么，使用要注意哪些”等有關服務器、云主機租用、托管、配置、價格問題，請咨詢YINGSOO客服，享受1v1貼心服務！

【海外主機】韓國顯卡服務器促銷 | 服務器促銷活動 | 臺灣物理服務器促銷

【產品問答】什么是cn2線路?cn2是指什么？

這篇文章我們來了解CSS樣式層疊的相關內容，在使用CSS樣式層疊時，有一些規(guī)則及注意的事項是要留意的，對此本文就給大家來介紹一下，對大家學習和理解CSS樣式層疊會有一定的幫助，有需要的朋友可以參考，接下來就跟隨小編來一起學習一下吧！

CSS樣式規(guī)則語法樣式是CSS的基本單位，每個樣式規(guī)則都是由選擇器和聲明塊兩個基本部分組成的。

選擇器（selector）決定為哪些元素應用樣式；

聲明塊定義相應的樣式，它包含在一對花括號內，有一條或多條聲明組成，而每一條聲明則由一個屬性和一個值組成，中間用冒號隔開。

語法：

屬性名1: 屬性值1;
屬性名2: 屬性值2;
屬性名3: 屬性值3;

1.找到應用給每個元素和屬性的所有聲明

瀏覽器在 加載每個頁面時。都會據(jù)此查到每一條CSS規(guī)則，表示出所有受到影響的HTML元素

2.按照順序和權重排序

瀏覽器依次檢查?5個來源 ，并設定匹配的屬性。如果匹配的屬性在下一個來源也有定義，則更新該屬性的值。

5個來源: 1.瀏覽器默認樣式表 2.設置瀏覽器字體大小來改變默認樣式 3.link引用的css文件 4.style中編寫的樣式代碼 5.行內樣式

聲明權重。如下！important用于增加聲明的權重。這樣其他來源一概不用考慮了。

?? p {color:green !important; font-size:12pt;}

順序決定權重。如果兩條規(guī)則都影響某元素的同一個屬性，而且它們的特指度也相同，則位置最靠下（或后聲明）的規(guī)則勝出。

3.按特指度排序:特指度表示一條規(guī)則有多明確

??? p {font-size:12px;} p.largetext {font-size:16px;}?

第二條既有標簽名又有類名所以特指度更高，第二條的規(guī)則會覆蓋第一條規(guī)則。

計算特指度：ICE? 公式

1. 選擇符中有一個 ID，就在 I 的位置上加 1;

2. 選擇符中有一個類，就在 C 的位置上加 1;

3. 選擇符中有一個元素（標簽）名，就在 E 的位置上加 1;

4. 得到一個三位數(shù)。

好了，下面通過幾個例子來理韶特指度。

P 0-0-1 特指度=1

p.largetext 0-1-1 特指度=11

p#largetext 1-0-1 特指度=101

body p#largetext 1-0-2 特指度=102

body p#largetext ul.mylist 1-1-3 特指度=113 body p#largetext ul.mylist li 1-1-4

特指度=114

在此，每個選擇符都比前一個選擇符的特指度更高。

4.CSS選擇符有哪些？哪些屬性可以繼承？

1.id選擇器（ # myid）

2.類選擇器（.myclassname）

3.標簽選擇器（div, h1, p）

4.相鄰選擇器（h1 + p）

5.子選擇器（ul > li）

6.后代選擇器（li a）

7.通配符選擇器（ * ）

8.屬性選擇器（a[rel = "external"]）

9.偽類選擇器（a:hover, li:nth-child）

* 可繼承的樣式： font-size font-family color, UL LI DL DD DT;

* 不可繼承的樣式：border padding margin width height ;

關于CSS樣式層疊的規(guī)則及使用注意問題就介紹到這，需要的朋友可以參考，希望大家閱讀完這篇文章能有所收獲。想要了解更多CSS樣式層疊的內容，大家可以關注其它的相關文章。

YINGSOO，國際數(shù)據(jù)中心綜合服務提供商，專注高品質、企業(yè)級海外服務器租用/托管服務，擁有ISP牌照、實體公司、專業(yè)團隊、9年經驗，7x24x365全天候服務，3天免費試用，品質保障、值得信賴!全國統(tǒng)一服務熱線：400-630-3752

熱搜詞條：【自己搭建深度學習服務器】【怎么通過美國vps上外網】【服務器之間 高速 傳輸】【香港云服務器哪家最穩(wěn)定】【數(shù)據(jù)中心本地化 支持政策】【如何用ETH買DAI】【bzz主網rpc】【飛騰cpu幾納米】【免費云服務器美國】【bee最新版本挖礦怎么更新】【mssql云數(shù)據(jù)庫】【奇亞 數(shù)據(jù)庫同步】【CND是什么品牌功放】【防御服務器主機】【手機游戲服務器是什么意思】【PHA為什么不漲】【華為云 香港 線路】【bee挖礦】【免流云服務器】【數(shù)據(jù)庫服務器和大數(shù)據(jù)服務器】【小尺寸服務器制造商】【哪家vps提供isp】【美國高服務器多少錢2021】【阿里云怎么選香港節(jié)點】【pha官方解散了】【云專線是二層網絡對接還是三層】【xch txch】【云電腦主機租賃】【移動cmi】【lol顯示ip地址錯誤怎么回事】

版權聲明：本站文章來源標注為YINGSOO的內容版權均為本站所有，歡迎引用、轉載，請保持原文完整并注明來源及原文鏈接。禁止復制或仿造本網站，禁止在非maisonbaluchon.cn所屬的服務器上建立鏡像，否則將依法追究法律責任。本站部分內容來源于網友推薦、互聯(lián)網收集整理而來，僅供學習參考，不代表本站立場，如有內容涉嫌侵權，請聯(lián)系alex-e#qq.com處理。