CSS 分组和嵌套选择器

CSS

CSS 教程 CSS 简介 CSS 语法 CSS Id 和 Class CSS 创建 CSS 背景 CSS Text(文本) CSS Fonts(字体) CSS 链接(Link) CSS 类表样式(ul) CSS Table(表格) CSS 盒子模型 CSS Border(边框) CSS 轮廓 CSS Margin(外边距) CSS Padding（填充） CSS 分组和嵌套选择器 CSS 尺寸 (Dimension) CSS Display(显示) CSS Positioning(定位) CSS Float(浮动) CSS Align(对齐) CSS 组合选择符 CSS 伪类 CSS 伪元素 CSS 导航栏 CSS 下拉菜单 CSS 图片廊 CSS 图像透明/不透明 CSS 图像拼合技术 CSS 媒体类型 CSS 属性选择器 CSS 总结

CSS 分组和嵌套选择器

Grouping Selectors

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

{

color:green ;

}

{

color:green ;

}

{

color:green ;

}

为了尽量减少代码，你可以使用分组选择器。

每个选择器用逗号分隔.

在下面的例子中，我们对以上代码使用分组选择器：

h1,h2,p

{

color:green ;

}

嵌套选择器

它可能适用于选择器内部的选择器的样式。

在下面的例子设置了三个样式：

为所有p元素指定一个样式
为所有class="marked"的元素指定一个样式
为所有class="marked"元素内的p元素指定一个样式

{

color:blue ;

text-align:center;

}

.marked

{

background-color:red ;

}

.marked p

{

color:white ;

}

上一篇:CSS Padding（填充）

下一篇:CSS 尺寸 (Dimension)

我要发贴

CSS