CSS 选择器：+

在 CSS 中，“+”（加号）选择器表示选择紧接着指定元素的一个兄弟元素。这个兄弟元素必须立即跟在指定元素的后面。以下是一些具体的解释和示例：

基本语法

element + sister-element {
  /* styles */
}

解释

• 用于选择一个元素紧接着另一个元素的兄弟元素，即紧邻在元素后面的第一个兄弟元素。
• 根据元素的出现位置，兄弟元素可以是一个任意的后代。
• 加号（+）连接符之前的元素是要被选择的元素，连接符之后的是它的兄弟元素。

示例

考虑以下 HTML 代码：

<div>
    <p>Hello</p>
    <ul>
        <li>First list item</li>
        <li>Second list item</li>
        <li>Third list item</li>
    </ul>
</div>

以下是使用“+”选择器的一些例子：

p + ul {
    color: red;
}
/*将紧接在“p”元素之后的“ul”元素变为红色*/

li + li {
    text-decoration: underline;
}
/*选择跟在一个“li”元素后面的兄弟“li”元素，并将文本装饰为下划线*/

div + div {
    background-color: lightblue;
}
/*选择紧接着一个“div”元素后面的同级“div”元素，并将其背景色变为浅蓝色*/

总结

• 加号“+”选择器可以用于选择指定元素紧跟着的一个兄弟元素。
• 使用该选择器时，需要注意指定元素和兄弟元素在同一个上级元素中。