CSS 分組和嵌套
CSS 分組 和 嵌套 選擇器
CSS 分組可以將具有相同樣式的選擇器進行分組,減少代碼量。
CSS 嵌套適用于選擇器內(nèi)部的選擇器的樣式。
Grouping Selectors
在樣式表中有很多具有相同樣式的元素。
h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}
為了盡量減少代碼,你可以使用分組選擇器。
每個選擇器用逗號分隔.
在下面的例子中,我們對以上代碼使用分組選擇器:
實例
h1,h2,p
{
color:green;
}
提示:您可以對任意多個選擇器進行分組,CSS 對此沒有任何限制。
嵌套選擇器
它可能適用于選擇器內(nèi)部的選擇器的樣式。
在下面的例子,為所有p元素指定一個樣式,為所有元素指定一個class="marked"的樣式,并僅用于class="標記",類內(nèi)的p元素指定第三個樣式:
實例
p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
作者:大學(xué)生新聞網(wǎng) 來源:大學(xué)生新聞網(wǎng)
- CSS 分組和嵌套
- 為了盡量減少代碼,你可以使用分組選擇器。
- 03-28 關(guān)注:0
- CSS Padding(填充)
- 當元素的 Padding(填充)(內(nèi)邊距)被清除時,所"釋放"的區(qū)域?qū)艿皆乇尘邦伾奶畛洹?/li>
- 03-28 關(guān)注:0
- CSS Margin(外邊距)
- margin清除周圍的元素(外邊框)的區(qū)域。margin沒有背景顏色,是完全透明的
- 03-28 關(guān)注:0
- CSS Border(邊框)
- CSS 邊框 (border) 可以是圍繞元素內(nèi)容和內(nèi)邊距的一條或多條線,對于這些線條,您可以自定義它們的樣式、寬度以及顏色。
- 03-28 關(guān)注:1
- CSS 盒子模型
- 所有HTML元素可以看作盒子,在CSS中,"box model"這一術(shù)語是用來設(shè)計和布局時使用。
- 03-28 關(guān)注:1