css选择器的问题

Question

好久没有css，最近忘了“,”是什么意思了
例如
.aa , .bb
这是什么意思

还有就是
.aa.bb 这种紧挨着的又是什么意思？

是一样的吗？有没有高手讲一下，谢谢了

总觉得.aa, .bb 和.aa.bb是一样的

Answer 1

.aa , .bb 匹配类名为 aa 或 bb 的元素

<div class="aa"></div>
<div class="bb"></div>

.aa.bb 匹配类名即包含 aa 也包含 bb 的元素。

<div class="aa bb"></div>

Answer 2

.aa, .bb是或者， .aa.bb是并且

Answer 3

点号.是交集选择器（选择的元素是同时满足两个条件）

​

         /* 选择的元素是同时满足两个条件，必须是h3标签，必须是special类 */
         h3.special{
             color:red;
         }

逗号,是并集选择器

   /* h3 和 li 字体都变红色 */
   h3,li{
       color:red;
  }