CSS 关系选择器

关系选择器，说明元素和元素之间需要存在关系了。

后代选择器

---

定义：选择所有被E元素包含的F元素，中间用空格隔开

语法：E F{ }   选择E元素下面所有的F元素

<ul>
  <li>宝马</li>
  <li>奔驰</li>
</ul>

<ol>
  <ol奥迪</ol>
</ol>


ul li{
    color:green;
}

 

子代选择器

---

定义：选择所有作为E元素的直接子元素F，对更深一层的元素不起作用，用>表示

相邻兄弟选择器

---

定义：选择紧跟E元素后的F元素，用加号表示，选择相邻的第一个兄弟元素，只能向下选择

通用兄弟选择器

---

定义：选择E元素之后的所有兄弟元素F（哪怕中间隔了一些元素），作用于多个元素，用~隔开