CSS交集选择器和并集选择器

交集选择器

作用：选中同时符合多个条件的元素。

写法：把对应的条件贴在一起。

   <style>
    .lei1 {         //定义时需要加一个.
      color: red;
      font-size: 60px;
    }
    .lei2 {
      font-size: 40px;
    }
    p.lei1.lei2{
      color: red;
      font-size: 60px;
    }
  </style>

<p class="lei1 lei2">字体</p>

在同时满足各个条件后，执行对应css语句,否则按原来方法，后写的渲染。

并集选择器

作用：选中多个选择器对应的元素，又称：分组选择器。 写法：把对应的条件用逗号分开排列。

   <style>
    .lei1，
    .lei2{
      color: red;
      font-size: 60px;
    }
  </style>

    <p class="lei1">字体</p> 
    <p class="lei2">字体</p>      //效果相同