css选择元素时有没有空格的区别，举例如下：example .pp{ color: orange;} .example.pp2 { color: green;} 如上面的两个定义一个是中间有空格，一个是中间没空格。第一个class要这样写生效：文字文字pp这个class生效... 第二个class要这样写生效：pp2这个class生效 .example .pp = E F 是后代...
css选择器>；和空格有什么区别
css选择元素时有没有空格的区别，举例如下：
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 = E F 是后代选择器。
.example.pp2 则是在一个元素上，这个元素包括这两个类才会有效果。
.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp。2018-07-30
空格主要是为了区别不同的class类。如下示例：
<div class="one two tre"></div>
<div class="onetwotre"></div>
在这个示例中，第一个div会被解析为有one、two、tre这三个类，第二个div会被解析为只有onetwotre这一个类。2018-01-01
大于号-表示只对子辈作用选择器而不管孙辈
空格-表示所有从属的子辈应用该选择器2020-04-20
