中文字幕一区二区人妻电影,亚洲av无码一区二区乱子伦as ,亚洲精品无码永久在线观看,亚洲成aⅴ人片久青草影院按摩,亚洲黑人巨大videos

上一篇：CSS padding（填充） 下一篇：CSS 尺寸 (Dimension)

CSS 分組和嵌套

分組選擇器

在樣式表中有很多具有相同樣式的元素。

h1
{
????color:green;
}
h2
{
????color:green;
}
p
{
????color:green;
}

為了盡量減少代碼，你可以使用分組選擇器。

每個(gè)選擇器用逗號(hào)分隔。

在下面的例子中，我們對(duì)以上代碼使用分組選擇器：

實(shí)例

h1,h2,p { color:green; }

運(yùn)行代碼 ?

嵌套選擇器

它可能適用于選擇器內(nèi)部的選擇器的樣式。

在下面的例子設(shè)置了三個(gè)樣式：

  • p{ }: 為所有 p 元素指定一個(gè)樣式。
  • .marked{ }: 為所有 class="marked" 的元素指定一個(gè)樣式。
  • .marked p{ }: 為所有 class="marked" 元素內(nèi)的 p 元素指定一個(gè)樣式。
  • p.marked{ }: 為所有 class="marked" 的 p 元素指定一個(gè)樣式。

實(shí)例

p { color:blue; text-align:center; } .marked { background-color:red; } .marked p { color:white; } p.marked{ text-decoration:underline; }

運(yùn)行代碼 ?
上一篇：CSS padding（填充） 下一篇：CSS 尺寸 (Dimension)