CSS中級教程 組合與嵌套_Web標(biāo)準(zhǔn)教程
組合
你不必重復(fù)有相同屬性的多個選擇符,你只要用英文逗號(,)隔開選擇符就可以了。
比如,你有如下的代碼:
h2 {
color: red;
}
.thisOtherClass {
color: red;
}
.yetAnotherClass {
color: red;
}
則你可以這樣寫:
h2, .thisOtherClass, .yetAnotherClass {
color: red;
}
嵌套
CSS結(jié)構(gòu)好的話,沒有必要使用過多的類或者標(biāo)識選擇符。這是因為你可以指定在選擇符內(nèi)的選擇符。(或者更好的說法,上下文選擇符--譯者著)
比如:
#top {
background-color: #ccc;
padding: 1em
}
#top h1 {
color: #ff0;
}
#top p {
color: red;
font-weight: bold;
}
這就減去不必要的類或者標(biāo)識選擇符,如果應(yīng)用到像這樣的HTML中:
<div id="top">
<h1>Chocolate curry</h1>
<p>This is my recipe for making curry purely with chocolate</p>
<p>Mmm mm mmmmm</p>
</div>
這可能也會有些復(fù)雜(因為可能不止兩級,比如在內(nèi)在內(nèi)在內(nèi)在內(nèi)等等)。你有必要多加練習(xí)。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 新手提示 學(xué)習(xí)CSS需要考慮的五個問題
- WEB2.0標(biāo)準(zhǔn)教程:第五天 head區(qū)的其他設(shè)置
- 初學(xué)web標(biāo)準(zhǔn)的幾個誤區(qū)
- 利用插件來校驗XHTML是否符合Web標(biāo)準(zhǔn)
- 看看網(wǎng)頁高手怎么理解Web標(biāo)準(zhǔn)
- CSS代碼結(jié)構(gòu)初探:DOCTYPE文檔類型及瀏覽器的模式
- 符合WEB標(biāo)準(zhǔn)的表單效果
- CSSer:你該如何發(fā)展,如何學(xué)習(xí)進步?
- CSS樣式表設(shè)計的十條技巧
- CSS標(biāo)準(zhǔn)系列建立自己的命名標(biāo)準(zhǔn)
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-CSS中級教程 組合與嵌套。