CSS教程:網(wǎng)頁中多個(gè)樣式表順序問題
互聯(lián)網(wǎng) 發(fā)布時(shí)間:2009-04-02 19:38:36 作者:佚名
我要評(píng)論

網(wǎng)頁制作Webjx文章簡(jiǎn)介:選擇符規(guī)則: 計(jì)算特性基于它們的特性級(jí)別,樣式表也可以超越與之沖突的樣式表,一個(gè)較高特性的樣式永遠(yuǎn)都凌駕于一個(gè)較低特性的樣式。這只不過是計(jì)算選擇符的指定個(gè)數(shù)的一個(gè)統(tǒng)計(jì)游戲。
當(dāng)使用了多個(gè)樣
選擇符規(guī)則: 計(jì)算特性基于它們的特性級(jí)別,樣式表也可以超越與之沖突的樣式表,一個(gè)較高特性的樣式永遠(yuǎn)都凌駕于一個(gè)較低特性的樣式。這只不過是計(jì)算選擇符的指定個(gè)數(shù)的一個(gè)統(tǒng)計(jì)游戲。 當(dāng)使用了多個(gè)樣式表,樣式表需要爭(zhēng)奪特定選擇符的控制權(quán)。在這些情況下,總會(huì)有樣式表的規(guī)則能獲得控制權(quán)。以下的特性將決定互相對(duì)立的樣式表的結(jié)果。
正如以前所提及的,網(wǎng)頁制作者和讀者都有能力去指定樣式表。當(dāng)兩者的規(guī)則發(fā)生沖突,網(wǎng)頁制作者的規(guī)則會(huì)凌駕于讀者的其它相同權(quán)重的規(guī)則。而網(wǎng)頁制作者和讀者的樣式表都超越瀏覽器的內(nèi)置樣式表。
網(wǎng)頁制作者應(yīng)該小心地使用!important規(guī)則,因?yàn)樗鼈儠?huì)超越用戶任何的!important規(guī)則。例如,一個(gè)用戶由于視覺關(guān)系,會(huì)要求大字體或指定的顏色,而且這樣的用戶會(huì)有可能聲明確定的樣式規(guī)則為!important,因?yàn)檫@些樣式對(duì)于用戶閱讀網(wǎng)頁是極為重要的。任何的!important規(guī)則會(huì)超越一般的規(guī)則,所以建議網(wǎng)頁制作者使用一般的規(guī)則以確保有特殊樣式需要的用戶能閱讀網(wǎng)頁。
選擇符規(guī)則:計(jì)算特性基于它們的特性級(jí)別,樣式表也可以超越與之沖突的樣式表,一個(gè)較高特性的樣式永遠(yuǎn)都凌駕于一個(gè)較低特性的樣式。這只不過是計(jì)算選擇符的指定個(gè)數(shù)的一個(gè)統(tǒng)計(jì)游戲。
統(tǒng)計(jì)選擇符中的ID屬性個(gè)數(shù)。
統(tǒng)計(jì)選擇符中的CLASS屬性個(gè)數(shù)。
統(tǒng)計(jì)選擇符中的HTML標(biāo)記名格式。
最后,按正確的順序?qū)懗鋈齻€(gè)數(shù)字,不要加空格或逗號(hào),得到一個(gè)三位數(shù)。(注意,你需要將數(shù)字轉(zhuǎn)換成一個(gè)以三個(gè)數(shù)字結(jié)尾的更大的數(shù)。)相應(yīng)于選擇符的最終數(shù)字列表可以很容易確定較高數(shù)字特性凌駕于較低數(shù)字的。以下是一個(gè)按特性分類的選擇符的列表:#id1{xxx}/*a=1b=0c=0——>特性=100*/ULULLI.red{xxx}/*a=0b=1c=3——>特性=013*/LI.red{xxx}/*a=0b=1c=1——>特性=011*/LI{xxx}/*a=0b=0c=1——>特性=001*/特性的順序?yàn)榱朔奖闶褂?,?dāng)兩個(gè)規(guī)則具同樣權(quán)重時(shí),取后面的那個(gè)。
當(dāng)使用了多個(gè)樣式表,樣式表需要爭(zhēng)奪特定選擇符的控制權(quán)。在這些情況下,總會(huì)有樣式表的規(guī)則能獲得控制權(quán)。以下的特性將決定互相對(duì)立的樣式表的結(jié)果。
正如以前所提及的,網(wǎng)頁制作者和讀者都有能力去指定樣式表。當(dāng)兩者的規(guī)則發(fā)生沖突,網(wǎng)頁制作者的規(guī)則會(huì)凌駕于讀者的其它相同權(quán)重的規(guī)則。而網(wǎng)頁制作者和讀者的樣式表都超越瀏覽器的內(nèi)置樣式表。
相關(guān)文章
- 下面小編就為大家?guī)硪黄狢SS樣式覆蓋規(guī)則全面了解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-08-05
純CSS3繪制各種不規(guī)則圖形圖標(biāo)樣式特效源碼
純CSS3繪制各種不規(guī)則圖形圖標(biāo)樣式特效源碼是一款無需任何圖片即可實(shí)現(xiàn)逼真的圖形圖標(biāo)特效,本段代碼適應(yīng)于所有網(wǎng)頁使用,有需要的朋友可以直接下載使用2016-07-14權(quán)重和層疊規(guī)則決定了CSS樣式優(yōu)先級(jí)
基本的規(guī)則為同一級(jí)別的個(gè)數(shù),數(shù)量多的優(yōu)先級(jí)高,影響CSS樣式權(quán)重的兩個(gè)因素即順序、數(shù)量,下面由幾個(gè)示例,大家可以感受下2014-10-20- 這篇文章主要介紹了css樣式層疊規(guī)則,本文通過實(shí)例代碼文字說明給大家介紹的非常詳細(xì),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-02-28