css选择器

Question

<style>
    .parent{ width:90px;}
    .parent p{ float:left; width:30px; }
    .parent p+p{ float:right; }
</style>
<div class="parent">
<p>a</p>
<p>b</p>
<p>c</p>
</div>

为什么输出是 a c b？.parent p+p{ float:right; }无法理解该段代码，紧接在p元素后面的所有p元素？

Answer 1

亲， +号是选择紧邻的兄弟选择器；不是所有，选择所有兄弟选择器是~符号； 这里的+号会让你误以为是选择所有,因为你使用p+p,第二个元素符合p+p;第三个也符合p+p；