CSS选择器* + *定义?

时间:2015-05-01 14:59:32

标签: css css3 css-selectors

css选择器* + *实际上是什么意思?当你执行一个inspect元素时,你可以在google chrome的控制台中看到它。根据我的说法,似乎应用了一种风格,以及每一个孩子" ,但仍然想确定。任何人都可以帮助我吗?

示例:

*+* {
   margin-top:1em;
}

4 个答案:

答案 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) 相同,但更短。我更愿意把它写得很长,因为我认为它更具可读性,但我可以理解为什么缩小器更喜欢 *+*