CSS3引入了多种选择器，极大地方便了我们对网页样式的控制。兄弟选择器允许我们对特定元素的兄弟元素进行样式上的控制。然而，网络上关于CSS3兄弟选择器的说法并不总是准确的，本文将介绍在CSS3中关于兄弟选择器的常见说法，并指出哪些是不正确的。

核心概念阐述

在深入探讨之前，我们需要明确什么是CSS3中的兄弟选择器。兄弟选择器主要分为两种：相邻兄弟选择器（Adjacentsiblingcombinator）和通用兄弟选择器（Generalsiblingcombinator）。相邻兄弟选择器用加号（+）表示，而通用兄弟选择器用波浪线（~）表示。

相邻兄弟选择器

相邻兄弟选择器只作用于紧接在另一个元素之后的元素。`h1+p`表示选择紧接在`

`标签后的第一个`

`元素。

通用兄弟选择器

通用兄弟选择器作用于后面所有同级的兄弟元素。比如，`h1~p`表示选择`

`标签后面所有同级的`

`元素。

常见但不正确的说法

网络上有几条关于CSS3兄弟选择器的说法，常常被误传或误解：

说法一：相邻兄弟选择器只能选择一个元素

不正确。相邻兄弟选择器选择的是紧接在指定元素后面的那一个同级元素。如果后面没有符合条件的元素，则不会选择任何元素。但如果有多个符合条件的同级元素，则每个符合条件的元素都会被选中。

说法二：通用兄弟选择器与相邻兄弟选择器作用完全相同

不正确。通用兄弟选择器与相邻兄弟选择器在功能上有明显区别。相邻兄弟选择器只影响紧接其后的那一个元素，而通用兄弟选择器则影响所有后面同级的元素。

说法三：在CSS2中已存在兄弟选择器

不正确。实际上，CSS2并没有相邻兄弟选择器和通用兄弟选择器。这两个选择器是CSS3的新特性，它们扩展了我们对选择器的控制能力。

说法四：兄弟选择器只适用于同级元素

不正确。兄弟选择器确实只能用于选择同级元素，但是要说的是，它们不会选择那些在其他元素之间的兄弟元素。在`

text2

`元素在同级，但由于中间隔了`