国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS中級教程 組合與嵌套

2024-07-11 08:20:37
字體:
來源:轉載
供稿:網友

組合

你不必重復有相同屬性的多個選擇符,你只要用英文逗號(,)隔開選擇符就可以了。
比如,你有如下的代碼:

h2 {
color: red;
}
.thisOtherClass {
color: red;
}
.yetAnotherClass {
color: red;
}

則你可以這樣寫:

h2, .thisOtherClass, .yetAnotherClass {
color: red;
}

嵌套

CSS結構好的話,沒有必要使用過多的類或者標識選擇符。這是因為你可以指定在選擇符內的選擇符。(或者更好的說法,上下文選擇符--譯者著)
比如:

#top {
background-color: #ccc;
padding: 1em
}
#top h1 {
color: #ff0;
}
#top p {
color: red;
font-weight: bold;
}

這就減去不必要的類或者標識選擇符,如果應用到像這樣的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>

這是因為,用英文半角空格間隔選擇符,我們指明了在標識id內的h1有“#ff0”的顏色,而p則是紅色red和粗體bold。
這可能也會有些復雜(因為可能不止兩級,比如在內在內在內在內等等)。你有必要多加練習。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 营山县| 资源县| 武鸣县| 安塞县| 门源| 汉源县| 福泉市| 河南省| 太康县| 娱乐| 三门峡市| 双城市| 新闻| 凉城县| 海安县| 虹口区| 湖口县| 阳信县| 德惠市| 博爱县| 宁明县| 新泰市| 甘孜县| 鄢陵县| 新营市| 民县| 湘乡市| 哈巴河县| 边坝县| 平谷区| 嘉善县| 和硕县| 凌云县| 临桂县| 绥中县| 二手房| 巨野县| 平乐县| 水城县| 安阳县| 临潭县|