css关系选择器

1.包含选择符（E F）
选择所有被E元素包含的F元素，中间用空格隔开示例：

• 苹果
• 橙子
• 西瓜

全部显示为红色的。

2.子选择符（E>F）

选择所有作为E元素的直接子元素F，对更深一层的元素不起作用，用大括号表示。示例：

子元素

子孙元素

显示为第一个a标签为红色。

3.相邻选择符（E+F）
选择紧贴在E元素之后的F元素，用加号表示。选择相邻的第一个兄弟元素。示例：

这是p元素

这是紧挨着p元素的第一个span元素 这是第二个span

显示为第一个span为红色。

4.兄弟选择符（E~F）
选择E元素之后的所有兄弟元素F，作用于多个元素，用~隔开。示例：

这是p元素

这是紧挨着p元素的第一个span元素 这是第二个span 显示为所有上盘元素为红色。