特定選擇器控制權(quán)的多個(gè)CSS樣式表_CSS教程
CSS樣式 層疊順序
當(dāng)使用了多個(gè)樣式表,樣式表需要爭奪特定選擇符的控制權(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=1 b=0 c=0 ——> 特性 = 100 */ UL UL LI.red {xxx} /* a=0 b=1 c=3 ——> 特性 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> 特性 = 011 */ LI {xxx} /* a=0 b=0 c=1 ——> 特性 = 001 */特性的順序?yàn)榱朔奖闶褂�,�?dāng)兩個(gè)規(guī)則具同樣權(quán)重時(shí),取后面的那個(gè)。
當(dāng)使用了多個(gè)樣式表,樣式表需要爭奪特定選擇符的控制權(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=1 b=0 c=0 ——> 特性 = 100 */ UL UL LI.red {xxx} /* a=0 b=1 c=3 ——> 特性 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> 特性 = 011 */ LI {xxx} /* a=0 b=0 c=1 ——> 特性 = 001 */特性的順序?yàn)榱朔奖闶褂�,�?dāng)兩個(gè)規(guī)則具同樣權(quán)重時(shí),取后面的那個(gè)。
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
- CSS教程1、CSS的應(yīng)用[翻譯Htmldog]
- CSS去除表格的默認(rèn)間距并且制作1px的細(xì)線表
- 根據(jù)時(shí)段自動(dòng)切換網(wǎng)站的CSS風(fēng)格
- 讓廣告代碼不影響網(wǎng)頁站打開速度
- 關(guān)于同頁面多個(gè)id選擇符的釋義
- CSS學(xué)習(xí)者:2008年不要作浮躁的人
- CSS入門經(jīng)典KynnBartlett第二版上架
- 列表UL、OL預(yù)設(shè)標(biāo)記在FF與IE下方式不同的試驗(yàn)
- CSS框架的利與弊(下)
- CSS實(shí)現(xiàn)當(dāng)前頁的滑動(dòng)門菜單效果方法
猜你也喜歡看這些
- Table布局中單元格background-color鼠標(biāo)響應(yīng)的JS代碼
- 關(guān)于超鏈接的一些問題
- HTML表單標(biāo)記教程(1):
- 網(wǎng)頁設(shè)計(jì)之網(wǎng)頁音樂的實(shí)現(xiàn)技巧
- HTML高級(jí)教程 聲明
- Defaultstylesheet-HTML4標(biāo)簽的默認(rèn)樣式列表
- HTML表格標(biāo)記教程(30):單元格的暗邊框色屬性BORDERCOLORDARK
- HTML打造極具親和力的連接
- 標(biāo)記語言——清單
- HTML表格標(biāo)記教程(21):行的邊框色屬性BORDERCOLOR
- 相關(guān)鏈接:
- 教程說明:
CSS教程-特定選擇器控制權(quán)的多個(gè)CSS樣式表
。