CSS定义CLASS时中间有空格和没空格的区别

.example .pp{
  color: orange;
}
.example.pp2 {
  color: green;
}

.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp
<div class="example"><div class="pp">被选择的元素</div</div>
.example.pp选择的是class中同时包含example和pp的元素。
<div class="example pp">被选择的元素</div>