您现在的位置是：首页> 网站开发> CSS
CSS文件中逗号空格冒号点号的含义
- 4243人已阅读
- 时间：2018-12-29 09:56:19
- 分类：CSS
#a,b{......} 一个id叫a和一个标签是b的样式
#a b{......} 一个id叫a下面的一个标签是b的样式
#a:b{......} 一个id叫a的伪类b的样式
#a .b{......} 一个id叫a的下面的class叫b的样式
/*CSS中定义CLASS时，中间有空格和没空格的区别是什么？*/
.example .pp{
color: orange;
}
.example.pp2 {
color: green;
}
第一个class要这样写生效：
<p class="example">文字文字<span class="pp">pp这个class生效</span></p>
第二个class要这样写生效：
<p class="example pp2">pp2这个class生效</p>
.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp。
.example.pp2 则是在一个元素上，这个元素包括这两个类才会有效果。