CSS 后代选择器详解：三层选择元素技巧

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

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

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

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

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

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

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

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