CSS 选择器 * + * 定义?

pog*_*ssi 3 css css-selectors

css 选择器 * + * 实际上是什么意思?当您执行检查元素时,您可以在谷歌浏览器的控制台中看到它。在我看来,这似乎是对 "Every second child" 应用一种风格,但仍然想确定。谁能帮我吗?

例子:

*+* {
   margin-top:1em;
}
Run Code Online (Sandbox Code Playgroud)

rai*_*7ow 6

* + * 意味着“任何具有前一个兄弟元素的元素”——换句话说,不是第一个孩子。


Mar*_*ark 5

加号 (+) 表示,如果第二个选择器直接是第一个选择器的兄弟:

h1+h2 {margin: 1em;}

h2 {margin: 2em;}
Run Code Online (Sandbox Code Playgroud)

所有h2都有 2em margin,除了直接跟在 ah1后面的那个,那个有 1em margin

希望这会让你清楚