CSS 分组 和 嵌套 选择器

css 分组选择器

在样式表中有很多具有相同样式的元素。
h1
{
color:green;
}
h2
{
color:green;
}
p
{
color:green;
}
为了尽量减少代码,你可以使用分组选择器。 每个选择器用逗号分隔. 在下面的例子中,我们对以上代码使用分组选择器:
h1,h2,p
{
color:green;
}

嵌套选择器

它可能适用于选择器内部的选择器的样式。 在下面的例子,为所有p元素指定一个样式,为所有元素指定一个class="marked"的样式,并仅用于class="标记",类内的p元素指定第三个样式:
p
{
color:blue;
text-align:center;
}
.marked
{
background-color:red;
}
.marked p
{
color:white;
}
实例演示
 

我们需要您的支持

支付宝捐助

捐助记录

  • 操** 5.00 2019-7-29
  • 王** 23.33 2019-7-9
  • 吴** 10.00 2019-7-19
  • 竺** 0.10 2019-7-22
  • 童** 5.00 2019-7-26
  • 高** 10.00 2019-7-3
  • 孙** 10.00 2019-7-20
  • 刘** 1.00 2019-7-12
  • 王** 10.00 2019-7-30
  • 陈** 20.00 2019-7-7
  • 潘** 100.00 2019-7-12
  • 庾** 1.00 2019-7-6
  • 于** 50.00 2019-7-2
  • 李** 10.00 2019-7-20
  • 钟** 20.00 2019-7-29
  • 毛** 1.00 2019-7-12
  • 许** 10.00 2019-7-22
  • 吕** 0.80 2019-7-23
  • 爱心会员 0.29 2019-7-1
  • 郭** 10.00 2019-7-1
  • 贾** 20.00 2019-7-14
  • 李** 20.00 2019-7-4
  • 张** 1.00 2019-7-9
  • 陈** 10.00 2019-7-18
  • 黄** 20.00 2019-7-24
  • 时** 0.10 2019-7-6
  • 魏** 10.00 2019-7-25
  • 李** 0.70 2019-7-6
  • 冯** 0.30 2019-7-26
  • 石** 10.00 2019-7-14
  • 陈** 20.00 2019-7-6
  • 何** 20.00 2019-7-25
  • 成** 0.10 2019-7-22
  • 赵** 10.00 2019-7-25
  • 刘** 5.00 2019-7-17

扫一扫关注

Web前端中国