HTML

CSS

复合（后代）选择器

<style>
  .nav a {
  	color: red;
  }

  .test ul li {
  	color: blue;
  }
</style>

子元素（子代）选择器

子元素选择器最只能选择作为某元素子元素（亲儿子）的元素（最近的一级）
其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个 > 符号进行连接

这里的子指的是亲儿子 不包含孙子 重孙子之类

<style>
  div>strong {
    color: red
  }
</style>

交集选择器

交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点

交集选择是并且的意思，既…又…的意思

<style>
  /* 交集的P标签 */
  /* 找到P标签并且类为red */

  p.red {
  	color: red
  }
  /* 找到P标签并且ID为test */

  p#test {
  	color: red
  }
</style>

并集选择器

如果某些选择器定义的相同样式，就可以使用并集选择器，可以让代码更简洁

并集选择器使用英文逗号隔开，逗号理解为和的意思，通常用于集体声明，所有的选择器都会执行后面的样式

任何形式的选择器（标签、class类、ID选择器）都可以作为并集选择器的一部分

<style>
    /* 选取P标签，span标签，以及类为red的div标签, ID 为test的标签 */
    
    p,
    span,
    .red,
#test {
        color: red
    }
</style>

链接伪类选择器（重点）