第一個(gè)類b的類路徑是th .b
第二個(gè)類b的類路徑是th.b
第三個(gè)類b的類路徑是 .b
第三個(gè)類b的類路徑是 .b
首先說(shuō),CSS語(yǔ)言的運(yùn)算符就不多,有.#{}:";還有一個(gè)非常重要的空格。這幾個(gè)運(yùn)算符,都是常用的定義聲明符號(hào)。而在CSS樣式定義中,空格就有點(diǎn)特殊,我們可以把它視為在.Net或Java中命名空間或類包定義中的 . 運(yùn)算符。換句話說(shuō),我們可以把空格視為路徑指向的箭頭,表明HTML標(biāo)簽的父子級(jí)別關(guān)系。CSS是與HTML想關(guān)聯(lián)的,也就是說(shuō),CSS的每一個(gè)定義都與“某個(gè)HTML標(biāo)簽”或“某段模塊化HTML代碼”相對(duì)應(yīng),而HTML可以調(diào)用多個(gè)樣式類。一個(gè)CSS樣式類可以根據(jù)HTML代碼來(lái)“復(fù)合定義”;一個(gè)HTML標(biāo)簽也可以“復(fù)合調(diào)用”多個(gè)樣式類。所以說(shuō),CSS樣式定義的復(fù)雜性與關(guān)聯(lián)的HTML是密不可分。
講解:
1、第一個(gè)類b的類路徑是td .b,定義該HTML文檔內(nèi)所有的td標(biāo)簽內(nèi)的帶class="b"的標(biāo)簽的樣式 。
以下是引用片段:
td .b {
color:#00ff00;
}
定義的是
text
2、第二個(gè)類b的類路徑是th.b,定義的是該HTML文檔內(nèi)所有的帶class="b"的th標(biāo)簽的樣式。
以下是引用片段:
th.b {
color: #FF0000
}
定義的是
3、第三個(gè)類b的類路徑是 .b,定義該HTML文檔內(nèi)所有的td標(biāo)簽的樣式,它是該文檔的一個(gè)全局樣式,是body .b的簡(jiǎn)寫(xiě)。
以下是引用片段:
.b {
color:#0000ff;
font-size:12px;
}
定義了
第三個(gè)類b的類路徑是 .b
這兩處的b類沒(méi)有明確的路徑指向,優(yōu)先級(jí)別要比有明確路徑的低。
4、大家可以看到,在HTML代碼中,同樣都是class="b",但是在CSS定義時(shí),采用的類路徑不同,作用就不同了。類路徑越完整,優(yōu)先級(jí)越高。在具體應(yīng)用的時(shí)候,我們可以,使用完整類路徑來(lái)定義某HTML代碼塊某一些特殊地方,做異化處理。例如本例表頭th的黑體字顯示效果。