1.1 后代选择器

后代选择器

作用：选中指定元素的指定后代元素

语法

祖先   子类  孙类 ......  
选择器1  选择器2 选择器n   { css样式}

栗子

 /* 后代选择器：父类标签会选中子代，孙子代，重孙...... */
  div p {
            color: blue;

        }

<p>我是p标签</p>

  <!-- div的子代有个p标签，子代被选中  -->
    <div>

        <p>我是p标签,我的父类div标签</p>

    </div>
    

 <!-- div下span下的p标签，孙子代被选中，这就是后代选择器的特点 -->

    <div>

      <span>

            <p>我是div下span下的p标签</p>    

    </span>

    </div>

注意

1. 后代：儿子，孙子，重孙子
2. 后代选择器，父类标签与后代标签之间用空格隔开