css选择器

发布于 2022-09-04 17:27:57 字数 341 浏览 15 评论 0

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

自由如风 2022-09-11 17:27:57

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文