css选择器

问题描述

问 题

<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元素？

解决方案

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

这篇关于css选择器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！