.main .content 中间用空格隔开，表示后代选择器，选择的是.main元素内包含content的元素。 例如：
<div class="main"> <div class="content">被选择的元素</div> </div>
.main.content 中间没有空格，便是选择的是class中同时包含main和content的元素。 例如：
<div class="main content"> 被选择的元素 </div>
