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

如上面的兩個(gè)定義一個(gè)是中間有空格，一個(gè)是中間沒空格。

第一個(gè)class要這樣寫生效：

<p class="example">文字文字
    <span class="pp">pp這個(gè)class生效</span>
    ....
</p>

第二個(gè)class要這樣寫生效：

<p class="example pp2">
    pp2這個(gè)class生效
</p>

.example .pp中間用空格隔開，表示后代選擇器，選擇的是.example內(nèi)的.pp。
.example.pp2 則是在一個(gè)元素上，這個(gè)元素包括這兩個(gè)類才會(huì)有效果。

另外 less中表示 .example.pp2 的寫法：

.example{
    &.pp2
}.