.box1 .box2
中间有空格表示后代选择器,当box2包裹在box1中生效,即
<div class="box1">
<div class="box2"></div>
</div>
.box1.box2
中间没有空格,同一个元素当同时包含这两个类名会有效果,即
<div class="box1 box2"></div>
.box1 .box2
中间有空格表示后代选择器,当box2包裹在box1中生效,即
<div class="box1">
<div class="box2"></div>
</div>
.box1.box2
中间没有空格,同一个元素当同时包含这两个类名会有效果,即
<div class="box1 box2"></div>