CSS 分組和嵌套
CSS 分組 和 嵌套 選擇器
CSS 分組可以將具有相同樣式的選擇器進(jìn)行分組,減少代碼量。
CSS 嵌套適用于選擇器內(nèi)部的選擇器的樣式。
Grouping Selectors
在樣式表中有很多具有相同樣式的元素。
h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}
為了盡量減少代碼,你可以使用分組選擇器。
每個(gè)選擇器用逗號(hào)分隔.
在下面的例子中,我們對(duì)以上代碼使用分組選擇器:
實(shí)例
h1,h2,p
{
color:green;
}
提示:您可以對(duì)任意多個(gè)選擇器進(jìn)行分組,CSS 對(duì)此沒(méi)有任何限制。
嵌套選擇器
它可能適用于選擇器內(nèi)部的選擇器的樣式。
在下面的例子,為所有p元素指定一個(gè)樣式,為所有元素指定一個(gè)class="marked"的樣式,并僅用于class="標(biāo)記",類(lèi)內(nèi)的p元素指定第三個(gè)樣式:
實(shí)例
p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
作者:大學(xué)生新聞網(wǎng) 來(lái)源:大學(xué)生新聞網(wǎng)
發(fā)布時(shí)間:2025-03-28 閱讀:
- CSS 分組和嵌套
- 為了盡量減少代碼,你可以使用分組選擇器。
- 03-28 關(guān)注:0
- CSS Padding(填充)
- 當(dāng)元素的 Padding(填充)(內(nèi)邊距)被清除時(shí),所"釋放"的區(qū)域?qū)?huì)受到元素背景顏色的填充。
- 03-28 關(guān)注:0
- CSS Margin(外邊距)
- margin清除周?chē)脑兀ㄍ膺吙颍┑膮^(qū)域。margin沒(méi)有背景顏色,是完全透明的
- 03-28 關(guān)注:0
- CSS 輪廓(outline)屬性
- 輪廓(outline)是繪制于元素周?chē)囊粭l線(xiàn),位于邊框邊緣的外圍,可起到突出元素的作用。
- 03-28 關(guān)注:0
- CSS Border(邊框)
- CSS 邊框 (border) 可以是圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線(xiàn),對(duì)于這些線(xiàn)條,您可以自定義它們的樣式、寬度以及顏色。
- 03-28 關(guān)注:1
- CSS 盒子模型
- 所有HTML元素可以看作盒子,在CSS中,"box model"這一術(shù)語(yǔ)是用來(lái)設(shè)計(jì)和布局時(shí)使用。
- 03-28 關(guān)注:1
- CSS Table(表格)
- 垂直對(duì)齊屬性設(shè)置垂直對(duì)齊,比如頂部,底部或中間:
- 03-28 關(guān)注:1