css優(yōu)先級(jí)

子元素選擇器(如：divp ，帶大于號(hào))偽類(lèi)選擇器(如：就是鏈接樣式，a元素的偽類(lèi)，4種不同的狀態(tài)：link、visited、active、hover。)看完了基本的css選擇器類(lèi)型后，我們接著來(lái)看一下css優(yōu)先級(jí)的概念。

站在用戶的角度思考問(wèn)題，與客戶深入溝通，找到永平網(wǎng)站設(shè)計(jì)與永平網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品，建站類(lèi)型包括：成都網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、空間域名、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋永平地區(qū)。

優(yōu)先級(jí)：CSS 樣式的優(yōu)先級(jí)是根據(jù)選擇器的特殊性（Specificity）、樣式來(lái)源（來(lái)源于哪個(gè)樣式表）和樣式的順序來(lái)確定的。

內(nèi)部樣式優(yōu)先級(jí)高。 CSS與HTML文檔結(jié)合的4中方法： 1 使用元素鏈接到外部的樣式文件； 2在元素中使用style元素來(lái)指定； 3 使用CSS @import標(biāo)記來(lái)導(dǎo)入樣式表單； 4在內(nèi)部的元素中使用style屬性來(lái)定義樣式。

css樣式優(yōu)先級(jí)高低排列

1、后代選擇器(如：#head .nav ul li 從父集到子孫集的選擇器)子元素選擇器(如：divp ，帶大于號(hào))偽類(lèi)選擇器(如：就是鏈接樣式，a元素的偽類(lèi)，4種不同的狀態(tài)：link、visited、active、hover。

2、CSS 優(yōu)先規(guī)則1： 最近的祖先樣式比其他祖先樣式優(yōu)先級(jí)高。

3、css樣式采取的就近樣式原則。行內(nèi)樣式優(yōu)先級(jí)最高，沒(méi)有行內(nèi)樣式那么會(huì)回在頁(yè)答面找內(nèi)嵌樣式。名稱CSS中的“層疊（cascading）”表示樣式單規(guī)則應(yīng)用于HTML文檔元素的方式。

4、繼承得到的樣式的優(yōu)先級(jí)是最低的；最近的祖先樣式比其他祖先樣式優(yōu)先級(jí)高；直接樣式比祖先樣式優(yōu)先級(jí)高。

5、style= 這樣肯定是最優(yōu)的，但也是最不推薦的。前端標(biāo)簽直接寫(xiě)入。延伸閱讀：讀取優(yōu)先，靈活使用，如大量頁(yè)面，每頁(yè)面都要設(shè)置。工作繁瑣，大量寫(xiě)入增加代碼量。不利優(yōu)化。 這樣屬于第二讀取方式。直接寫(xiě)在對(duì)應(yīng)的頁(yè)面。

6、所謂CSS優(yōu)先級(jí)，即是指CSS樣式在瀏覽器中被解析的先后順序。既然樣式有優(yōu)先級(jí)，那么就會(huì)有一個(gè)規(guī)則來(lái)約定這個(gè)優(yōu)先級(jí)，而這個(gè)“規(guī)則”就是重點(diǎn)。樣式表允許以多種方式規(guī)定樣式信息。

Css中樣式的優(yōu)先級(jí)

1、后代選擇器(如：#head .nav ul li 從父集到子孫集的選擇器)子元素選擇器(如：divp ，帶大于號(hào))偽類(lèi)選擇器(如：就是鏈接樣式，a元素的偽類(lèi)，4種不同的狀態(tài)：link、visited、active、hover。

2、內(nèi)部樣式優(yōu)先級(jí)高。 CSS與HTML文檔結(jié)合的4中方法： 1 使用元素鏈接到外部的樣式文件； 2在元素中使用style元素來(lái)指定； 3 使用CSS @import標(biāo)記來(lái)導(dǎo)入樣式表單； 4在內(nèi)部的元素中使用style屬性來(lái)定義樣式。

3、按優(yōu)先級(jí)：前端優(yōu)先讀取正序。正規(guī)規(guī)范優(yōu)先倒序。style= 這樣肯定是最優(yōu)的，但也是最不推薦的。前端標(biāo)簽直接寫(xiě)入。延伸閱讀：讀取優(yōu)先，靈活使用，如大量頁(yè)面，每頁(yè)面都要設(shè)置。工作繁瑣，大量寫(xiě)入增加代碼量。不利優(yōu)化。

4、css樣式采取的就近樣式原則。行內(nèi)樣式優(yōu)先級(jí)最高，沒(méi)有行內(nèi)樣式那么會(huì)回在頁(yè)答面找內(nèi)嵌樣式。名稱CSS中的“層疊（cascading）”表示樣式單規(guī)則應(yīng)用于HTML文檔元素的方式。

5、首先就是CSS規(guī)則的specificity(特殊性)，CSS1有一套關(guān)于specificity的計(jì)算方式，用一個(gè)四位的數(shù)字串(CSS2是三位)來(lái)表示，最終specificity越高的規(guī)則越特殊，在優(yōu)先級(jí)判定時(shí)也就越有優(yōu)勢(shì)。