CSS是對(duì)網(wǎng)頁設(shè)計(jì)師可用的最強(qiáng)大的工具之一 避免讓這些“瘟疫”在你的標(biāo)簽中傳播并保持其簡潔和語義化的最佳方式 CSS的優(yōu)先級(jí) 在深入研究高級(jí)CSS選擇器領(lǐng)域之前,理解CSS優(yōu)先級(jí)是如何工作的是很重要的 當(dāng)我們寫CSS的時(shí)候我們必須注意有些選擇器在級(jí)聯(lián)(cascade)上會(huì)高于其它選擇器 那么你如何計(jì)算指定選擇器的優(yōu)先級(jí) 1 第一個(gè)數(shù)字(a)通常就是0,除非在標(biāo)簽上使用style屬性; 2 第二個(gè)數(shù)字(b)是該選擇器上的id的數(shù)量的總和; 3 第三個(gè)數(shù)字(c)是用在該選擇器上的其它屬性選擇器和偽類的總和。這里包括class (.example) 和屬性選擇器(比如 li[id=red]) 4 第四個(gè)數(shù)字(d)計(jì)算元素(就像table 5 通用選擇器(*)是0優(yōu)先級(jí) 6 如果兩個(gè)選擇器有同樣的優(yōu)先級(jí),在樣式表中后面的那個(gè)起作用 讓我們看幾個(gè)例子 #sidebar h2 — 0, 1, 0, 1 h2.title — 0, 0, 1, 1 h2 + p — 0, 0, 0, 2 #sidebar p:first-line — 0, 1, 0, 2 在下面的例子中,第一個(gè)將會(huì)起作用 #sidebar p#first { color: red; } — 0, 2, 0, 1 #sidebar p:first-line { color: blue; } — 0, 1, 0, 2 至少基本理解優(yōu)先級(jí)是如何工作的是很重要的