CSS優(yōu)先級(jí)詳細(xì)講解

《CSS優(yōu)先級(jí)詳細(xì)講解》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、......一、CSS的優(yōu)先級(jí)1、標(biāo)有"!important"的規(guī)則有最高優(yōu)先級(jí)一個(gè)樣式規(guī)則可以有一個(gè)"important"附帶標(biāo)簽，表示該樣式規(guī)則具有最高優(yōu)先級(jí)。例如下面例子中，前景色被標(biāo)為important。H1{color:black!importan;font-family:sans-serif}注意：這種聲明容易引起混亂，因此通常使用得較少。2、創(chuàng)作者規(guī)則優(yōu)先級(jí)高于瀏覽者規(guī)則瀏覽器允許瀏覽者創(chuàng)建樣式規(guī)則以覆蓋系統(tǒng)缺省值。在此情況下，由網(wǎng)頁創(chuàng)作者明確設(shè)定得樣式優(yōu)先級(jí)較高，而瀏覽者設(shè)置得樣式規(guī)則優(yōu)

2、先級(jí)較低。3、更特殊得規(guī)則優(yōu)先于不夠特殊的規(guī)則在決定特殊性時(shí)，selector中的ID屬性有最高優(yōu)先級(jí)。基于IDselector的優(yōu)先級(jí)可通過計(jì)數(shù)Selector中類屬性的數(shù)量確定，數(shù)量越多優(yōu)先級(jí)越高。假如規(guī)則仍然無法確定優(yōu)先級(jí)，則HTML元素名的數(shù)量決定了特殊性。4、在同一個(gè)級(jí)別的情況下，最后指定的規(guī)則有優(yōu)先權(quán)假如兩個(gè)或更多的規(guī)定在應(yīng)用了前三個(gè)規(guī)定具有相同優(yōu)先級(jí)，則后給出的規(guī)則優(yōu)先于早先給出的規(guī)則。如果在網(wǎng)頁的HEAD標(biāo)記中同時(shí)使用了STYLE標(biāo)記符（指定嵌入式樣式）和LINK標(biāo)記符（指定鏈接式樣式）

3、，并且這兩個(gè)樣式指定中同時(shí)應(yīng)用了具有同一優(yōu)先級(jí)別的樣式，則STYLE標(biāo)記符和LINK標(biāo)記符的先后順序?qū)Q定樣式的優(yōu)先級(jí)。例如，如果在LINK所鏈接的樣式表（mycss.css）中定義了以下一條樣式規(guī)則：H1{color:red}同時(shí)在嵌入式樣式定義中也定義了一條規(guī)則：H1{color:yellow}在網(wǎng)頁中的樣式定義如下所示：標(biāo)記符之后，則網(wǎng)頁中H1標(biāo)記符的內(nèi)容將顯示為紅色（red)。另外，由于直插式樣式（使用HTNL標(biāo)記的style屬性設(shè)置的樣式）的位置最接近于樣式作用的標(biāo)記符，因此它通常具有高優(yōu)先級(jí)。二、css優(yōu)先級(jí)的四大原則：原則一：繼承不如指定如果某樣式是繼承來的永遠(yuǎn)不如具體指定的優(yōu)先級(jí)

5、高。例子1：CODE:我是多大字號(hào)？運(yùn)行結(jié)果：.class3{font-size:12px;}例子2：CODE:

6、d1"class="class1">我是多大字號(hào)？