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

Question

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

Answer 1

它针对嵌套在a内label之后的#mainDiv。

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

Answer 2

+表示adjacent selector。

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

示例：

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

Answer 3

是Adjacent sibling combinator。

  

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