css - CSS中的“+”是什么意思。帮我？

Question

“+”符号在 css 样式中代表什么。下面的代码推断什么
#mainDiv label + a { }

Answer 1

它的目标是a一个label嵌套在 内的#mainDiv。

<div id="mainDiv">
    <label></label>
    <a>This element.</a>
</div>

Answer 2

+表示相邻选择器。

在您的情况下，这意味着如果<a>在标签之后直接找到<label>标签，mainDiv则应用 css。

例子：

<div id="mainDiv">
    <label>Label Text</label>
    <a>Link</a> <!-- Your CSS will apply to this -->
</div>

Answer 3

它是 相邻的兄弟组合器。

相邻的兄弟组合子由分隔两个简单选择器序列的“加号”（U+002B，+）字符组成。两个序列表示的元素在文档树中共享相同的父元素，并且第一个序列表示的元素紧邻第二个序列表示的元素之前。