css选择器之间的 空格和逗号的区别

当两个选择器之间有空格的情况下，代表的是子类选择器

.a .b{}

代表的是a类的b子类

 

两个选择器之间没有空格的情况下，代表的是同时拥有两个类名的标签

<div class="a b"></div>
.a.b{}

两个选择器之间是逗号的情况下，代表的是选择了两个类选择器

<div class="a"></div>
<div class="b"></div>
.a,.b{}