css后代选择器写法

在使用CSS时，经常会使用到后代选择器。后代选择器能够选择某个元素内部的子元素，例如：

.parent .child {
  /* CSS样式 */
}

上述代码就表示选择`.parent`元素内部的所有`.child`子元素。这种选择方式也称为后代选择器。

另外，后代选择器还能够选择多层子元素。例如：

.grandparent .parent .child {
  /* CSS样式 */
}

这段代码就表示选择`.grandparent`元素内的`.parent`子元素内的`.child`子元素。

需要注意的是，后代选择器选择的是所有符合条件的元素，而不只是选择最接近父元素的那个子元素。例如：

.parent .child {
  /* CSS样式 */
}

假设有如下HTML代码：

<div class="parent">
  <div class="child">子元素1</div>
  <p class="child">子元素2</p>
</div>

这段代码中有两个子元素都符合`.parent .child`这个选择器，所以两个子元素都会受到CSS样式的影响。

总之，后代选择器是一个很方便的选择方式，能够选择到嵌套的子元素，但需要注意选择范围和选择的数量。