后代选择器

什么是后代？

包含在某个元素内的所有元素，都称为这个元素的后代

通过后代选择器，我们可以很方便的设置某个元素的后代样式

• 结构：祖先选择器＋空格＋后代选择器，如 “.paihang   p”，含义为设置class="paihang" 的包含的所有p元素样式

• 后代选择器作用于所有的后代，包括子元素，孙元素，重孙元素，.......
  

<style>
  .paihang p{
      color: red;
  }
</style>

<div class="paihang">
    <p>排行榜</p>
    <ul>
        <li>
            <p>阿里</p>
        </li>
        <li>
            <p>腾讯</p>
        </li>
        <li>
            <p>百度</p>
        </li>
    </ul>
</div>

尝试一下》