CSS 分組和嵌套
CSS 分組 和 嵌套 選擇器
CSS 分組可以將具有相同樣式的選擇器進行分組,減少代碼量。
CSS 嵌套適用于選擇器內部的選擇器的樣式。
Grouping Selectors
在樣式表中有很多具有相同樣式的元素。
h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}
為了盡量減少代碼,你可以使用分組選擇器。
每個選擇器用逗號分隔.
在下面的例子中,我們對以上代碼使用分組選擇器:
實例
h1,h2,p
{
color:green;
}
提示:您可以對任意多個選擇器進行分組,CSS 對此沒有任何限制。
嵌套選擇器
它可能適用于選擇器內部的選擇器的樣式。
在下面的例子,為所有p元素指定一個樣式,為所有元素指定一個class="marked"的樣式,并僅用于class="標記",類內的p元素指定第三個樣式:
實例
p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
- CSS Padding(填充)
- 當元素的 Padding(填充)(內邊距)被清除時,所"釋放"的區域將會受到元素背景顏色的填充。
- 03-28 關注:0
- CSS Border(邊框)
- CSS 邊框 (border) 可以是圍繞元素內容和內邊距的一條或多條線,對于這些線條,您可以自定義它們的樣式、寬度以及顏色。
- 03-28 關注:1
- CSS 盒子模型
- 所有HTML元素可以看作盒子,在CSS中,"box model"這一術語是用來設計和布局時使用。
- 03-28 關注:1