人妻丰满熟妇AV无码片,岛国AV无码免费无禁网站,丰满岳乱妇一区二区三区,男插女高潮一区二区

css中空格運(yùn)算符作用

技術(shù)分享 2019-10-01 00:00:00





第一個(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
這組代碼塊中的b類,class="b"是包含在td標(biāo)簽內(nèi)的,是td的子級(jí),所以在這里要用“空格”指向明確表明父子級(jí)別關(guān)系。
2、第二個(gè)類b的類路徑是th.b,定義的是該HTML文檔內(nèi)所有的帶class="b"的th標(biāo)簽的樣式。
以下是引用片段:
th.b {
color: #FF0000
}
定義的是text,在這里的代碼中,th和class=b是平級(jí)的,先th后.b組成一個(gè)同級(jí)類路徑th.b,所以沒(méi)有空格代表“HTML類”和“自定義類”具有同級(jí)路徑!
3、第三個(gè)類b的類路徑是 .b,定義該HTML文檔內(nèi)所有的td標(biāo)簽的樣式,它是該文檔的一個(gè)全局樣式,是body .b的簡(jiǎn)寫(xiě)。
以下是引用片段:
.b {
color:#0000ff;
font-size:12px;
}
定義了第三個(gè)類b的類路徑是td.b和
第三個(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的黑體字顯示效果。
咨詢小瓶科技
咨詢我們
頂部