CSS中定义CLASS时，中间有空格和没空格的区别是什么？

.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp。
例如：

<div class="example">
    <div class="pp">被选择的元素</div>
</div>

.example.pp中间没有空格隔开，选择的是class中同时包含example和pp的元素。
例如：

<div class="example pp">
被选择的元素
</div>