css选择器* + *实际上是什么意思?当你执行一个inspect元素时,你可以在google chrome的控制台中看到它。根据我的说法,似乎应用了一种风格,以及每一个孩子" ,但仍然想确定。任何人都可以帮助我吗?
示例:
*+* {
margin-top:1em;
}
答案 0 :(得分:4)
* + *
表示任何有兄弟姐妹的元素' - 换句话说,不是第一个孩子。
答案 1 :(得分:4)
加号(+)表示,如果第二个选择器直接是第一个选择器的兄弟:
h1+h2 {margin: 1em;}
h2 {margin: 2em;}
所有h2
都有2em margin
,除了直接跟在h1
之后的那个,其中一个有1em margin
。
希望能让你清楚
答案 2 :(得分:1)
如W3C文档中所述,它代表"相邻的兄弟姐妹组合"。
div + p
选择紧跟在<p>
元素
<div>
元素
答案 3 :(得分:0)
与 *:not(:first-child)
相同,但更短。我更愿意把它写得很长,因为我认为它更具可读性,但我可以理解为什么缩小器更喜欢 *+*