在 CSS 中，相邻兄弟选择器指的是选择器和它后面的一个兄弟元素。它使用 "+" 符号进行表示，例如 "p + a"，表示选择紧接在 <p> 后面的 <a>，如果没有紧接在后面，就不符合这个选择器的规则。

相邻兄弟选择器经常被用于选择在同一级别下的下一个元素，这种方式非常方便。

1. 基础语法

相邻兄弟选择器的基本语法如下所示：

element1 + element2 {
  /* CSS 规则 */
}

在这里，`element1` 是相邻兄弟选择器的第一个标签名称，`element2` 是相邻兄弟选择器的第二个标签名称。

2. 示例

2.1 选择器匹配

下面的例子展示了如何使用相邻兄弟选择器：

p + strong {
  color: red;
}

在这个例子中，如果 `` 后面紧接着的元素是 ``，那么这个 `` 的文本颜色将会被设置成红色。

以下是一个使用相邻兄弟选择器的实际例子：

Welcome
Welcome to my website!

在这个例子中，如果你想选择 `` 标签并将其文本颜色设置为红色，你可以使用相邻兄弟选择器。

2.2 不匹配的情况

如果 `` 标签没有紧随在一个 `` 标签之后，那么这个选择器将不会匹配任何元素。

Welcome
Website
Welcome to my website!

在这个例子中，由于 `` 标签并没有直接放置在一个 `` 标签之后，所以这个选择器将不会匹配任何元素，文本颜色也不会被设置为红色。

2.3 多个匹配的情况

当一个相邻兄弟选择器匹配到多个元素时，它会依次应用每个元素的样式。

Welcome
Welcome to my website!
Thanks for visiting!
See you next time!

在这个例子中，选择器 `p + strong` 会匹配第二和第四个 `` 标签，将它们的文本颜色都设置为红色。

3. 总结

相邻兄弟选择器是一项非常有用的 CSS 技术，它可以轻松地选择同一级别下的下一个元素。相邻兄弟选择器的语法和使用非常简单，只需要记住使用 "+" 符号即可。同时，当一个选择器匹配到多个元素时，它会依次应用每个元素的样式。

需要注意的是，在网站页面中使用 CSS 时，必须要避免滥用相邻兄弟选择器。使用得当并适当，CSS 可以帮助您轻松实现页面的美化和效果。