P3.CSS高级选择器1（层次选择器）

层次选择器

层次选择器总共有四种选择器分别是：

1. 后代选择器：在某一元素后面，（包含后代所有）
2. 子代选择器：只有一代（同级层次）
3. 相邻选择器：该元素被选中后的相邻下一个
4. 通用选择器：该元素以及向下的所有同类元素

后代选择器

包括所有元素不分层次

格式：
<style>
选中标签（加空格）该标签下某一类标签的全部元素{
} 
</style>

子代选择器

只有一代元素，隔代无法被选中

格式：
<style>
    body>p{}
    </style>

后代与子代选择器效果对比区别：

相邻选择器

同辈层次，只能选择一个，相邻的下一个被显示

 相邻选择器格式：
  <style>
    .标记元素+同类型元素{}-->
    </style>

通用选择器

当前标记元素的同层次向下的所有元素（不包含标记元素）

<style>
        通用选择器格式：
    .标记元素~同类型元素{}
    </style>

相邻选择器与通用选择器的区别：