什么是 后代选择器呢？

在理解这个概念之前，我们首先需要了解，什么是祖先元素？什么是父元素？什么是子元素？什么是后代元素。

大家可以 直接看我 这篇文章 ： 

​​初识CSS样式-常用的基本选择器2-父元素 子元素 后代祖先元素的概念​​

大家理解了 祖先元素 父元素 子元素  后代元素的概念之后  之后我们就可以 来聊聊 什么时候后代选择器了。

CSS后代选择器 顾名思义 就是选择 某个HTML元素的 后代元素。

先看HTML代码

<div class="parent">
  <div class="children"></div>
</div>

看完上面的 代码 我们应该如何选择到class类名为children的div元素呢？

这时候 我们就需要 用到后代选择器了

<style type="text/css">
  .parent div {
    /*
        这样我们就成功选择到了class类名为 parent的div元素下面的div子元素
        但这样 选择到的  是class类名为parent的div下面的所有div元素，却不是类名为children的div元素。
    */
  }
  
  /* 因此 我们 可以 类名来选择后代元素*/
  
  .parent .children {
    /*
      这样就成功选择到了parent下面的所有类名为children的子元素。
    */
    /*
    需要注意的是 如果parent元素下有两个或多个类名为children的子元素，那么这些子元素 都会被选中。
    */
  }
</style>

后代选择器的特点：

​1.后代选择器的特点：可以更精准的选择元素，只要是后代元素 都能选择到。

2.后代选择器 越精细 级别(权重)越高