CSS 分组 和 嵌套 选择器
2017-03-01 08:57
281 查看
在样式表中有很多具有相同样式的元素。
h1{color:green;}
h2{color:green;}
p{color:green;}
分组选择器:(相同样式不同元素可使用分组选择器)
h1,h2,p{color:green;}
它可能适用于选择器内部的选择器的样式。
在下面的例子设置了三个样式:
为所有p元素指定一个样式
为所有class="marked"的元素指定一个样式
为所有class="marked"元素内的p元素指定一个样式
p{
color:blue;
text-align:center;
}
.marked{
background-color:red;
}
.marked p{
color:white;
}
整理转自:http://www.runoob.com/css/css-grouping-nesting.html
h1{color:green;}
h2{color:green;}
p{color:green;}
分组选择器:(相同样式不同元素可使用分组选择器)
h1,h2,p{color:green;}
嵌套选择器
它可能适用于选择器内部的选择器的样式。在下面的例子设置了三个样式:
为所有p元素指定一个样式
为所有class="marked"的元素指定一个样式
为所有class="marked"元素内的p元素指定一个样式
p{
color:blue;
text-align:center;
}
.marked{
background-color:red;
}
.marked p{
color:white;
}
整理转自:http://www.runoob.com/css/css-grouping-nesting.html
相关文章推荐
- css.组合、分组、嵌套选择器
- CSS 分组 和 嵌套 选择器
- css分组合嵌套选择器
- css学习笔记20160125分组嵌套选择器尺寸显示
- CSS 分组 和 嵌套 选择器
- css 组合、分组、嵌套选择器
- 10019---CSS Grouping Selectors(分组和嵌套)
- CSS------选择器-----------选择器的分组、属性选择器
- css2.08_并集选择器(分组选择器)
- DIV+CSS 学习心得:分组,嵌套,伪类,伪元素
- 07-DIV+CSS-选择器深入-通配符选择器-父子选择器-选择器分组
- css的嵌套选择器用法总结
- 【Sass中级】模块化CSS更要避免选择器嵌套
- css 样式设计(一)( 在线150个例子 | 背景 | 文本 | 字体 | 链接 | 列表 | 表格 | 盒模型 | 边框 | 轮廓 | 边距 | 填充 |分组和嵌套 | 尺寸 | 定位 | 浮动 |对齐 )
- div+css 选择器分组 属性选择器 css插入方法 css背景属性
- CSS 选择器——(标记、包含关系、类、id、分组、伪类及伪对象选择器)
- CSS 通用和分组选择器(十)
- CSS【通用选择器】与【选择器的嵌套】
- css中选择器(selector)
- 图文详解CSS的position常用的三个属性:relative,absolute以及fixed,以及嵌套使用的一个常见情况