前段后代选择器三层

前段后代选择器指的是CSS中的选择器，用来选择HTML中的元素。它们可以通过元素在HTML中的位置来选择元素。三层前段后代选择器的写法如下：

<div>
  <ul>
    <li>
      <span></span>
    </li>
  </ul>
</div>

• 第一层选择器：选择某个元素的父元素，使用空格符号。

div ul {
  /* 选择div元素下的ul元素 */
}

• 第二层选择器：选择某个元素的子元素，使用“>”符号。

ul > li {
  /* 选择ul元素下的li元素 */
}

• 第三层选择器：选择某个元素的后代元素，使用“空格”符号。

div span {
  /* 选择div元素下的所有span元素 */
}