解答一:
層疊指的是樣式的優(yōu)先級,當(dāng)產(chǎn)生沖突時以優(yōu)先級高的為準(zhǔn)。
1. 開發(fā)者樣式>讀者樣式>瀏覽器樣式(除非使用!important標(biāo)記 )
2. id選擇符>(偽)類選擇符>元素選擇符
3. 權(quán)重相同時取后面定義的樣式
以下是一段經(jīng)典的html,三個類名分別為模塊、標(biāo)題和正文。
<div class="mod">
<div class="hd"></div>
<div class="bd"></div>
</div>
大部分html頁面都可以由這種結(jié)構(gòu)嵌套或者累加而成。
解答二:
CSS層疊是指CSS樣式在針對同一元素配置同一屬性時,依據(jù)層疊規(guī)則(權(quán)重)來處理沖突,選擇應(yīng)用權(quán)重高的CSS選擇器所指定的屬性,一般也被描述為權(quán)重高的覆蓋權(quán)重低的,因此也稱作層疊。每個CSS選擇器都會有一個權(quán)重(行內(nèi)1000,id100,class10,tag1、可以這樣認(rèn)為),當(dāng)兩個選擇器同時配置同一元素的同一屬性時(比如一個設(shè)置color:red,另一個color:black),就會產(chǎn)生沖突,而解決沖突的方案就是CSS選擇器的權(quán)重,權(quán)重高的來覆蓋權(quán)重低的。
另外,繼承的屬性是權(quán)重重最輕的,會被上面的四個定義方式覆蓋。
CSS語義化其實更多地是指HTML的語義化。 比如下面的一個代碼我們這樣寫:
新聞熱點
疑難解答