码迷,mamicode.com
首页 > Web开发 > 详细

CSS 分组 和 嵌套 选择器

时间:2015-06-06 12:01:40      阅读:162      评论:0      收藏:0      [点我收藏+]

标签:

Grouping Selectors

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

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;
}

尝试一下 »

CSS 分组 和 嵌套 选择器

标签:

原文地址:http://www.cnblogs.com/aiqingqing/p/4556335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!