以下文章来源于Java何先振，责编行歌

复合选择器

• 交集选择器

• 作用：选中同时满足多个条件的元素。

• 语法：选择器1选择器2选择器3选择器n{}

• 注意点：交集选择器中如果有元素选择器，必须使用元素选择器开头。

• 例子：
  

• 并集选择器

• 作用：同时选择多个选择器对应的元素。

• 语法：选择器1,选择器2,选择器3,选择器4,选择器n{}

• 例子：
  

关系选择器

• 元素之间的关系‍

• 父元素：直接包含子元素的元素叫做父元素。
  

• 子元素：直接被父元素包含的元素叫子元素。

• 祖先元素：直接或间接包含后代元素的元素叫祖先元素。一个元素的父元素也是它的祖先元素。

• 后代元素：直接或间接被祖先元素包含的元素叫做后代元素。子元素也是后代元素。

• 兄弟元素：拥有相同父元素的元素是兄弟元素。

  
  

• 子元素选择器

• 作用：选中指定父元素的指定子元素。

• 语法：父元素 > 子元素

• 例子：div>span 选中的就是div里面的span，因为div的子元素只有这一个span。

选择器之间还可以复合使用，例如div有多个span的子元素，我们只想选中指定的某一个span的子元素，可以加个class属性，然后通过父子选择器和交集选择器复合使用，选中指定的子元素。

如果再来一个div，也会选中里面的span。因为子元素选择器里指定的是div里面的span子元素，只要是div里面有子元素span都会选中。

• 后代元素选择器

• 作用：选中指定元素内的指定后代元素。

• 语法：祖先 后代

• 例子：div 的后代有两个span，所以这两个都会被选中。

后代选择器也可以跟其他选择器复合使用。

• 兄弟选择器1

• 作用：选择下一个兄弟。

• 语法：前一个元素 + 后一个元素

• 例子：选择的是紧挨p的下一个span。

如果不是紧挨也不行：p的下一个span不是紧挨着，就无法选中。

• 兄弟选择器2

• 作用：选择下边的所有兄弟。

• 语法：兄 ～ 弟

• 例子：选择p标签下面的所有span，但是不能选择p标签上面的span。

 以上就是本期内容，点击下方公众号，学习更多软件开发知识