.main .content 中间用空格隔开，表示后代选择器，选择的是.main元素内包含pp的元素。
例如：

<div class="main">
<div class="content">被选择的元素</div>
</div>

.main.content 中间没有空格，便是选择的是class中同时包含main和content的元素。
例如：

<div class="main content">
被选择的元素
</div>