css兄弟元素可以选择吗

发布于 2022-09-12 23:26:46 字数 157 浏览 29 评论 0

可以hover class="div1"给div2一个颜色吗

<div class="div1">item1</div>
<div class="div2">item2</div>

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

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

发布评论

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

评论(3

时间你老了 2022-09-19 23:26:46
.div1:hover+.div2 {
 color: red;
}

已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入

旧时模样 2022-09-19 23:26:46

同级元素选择器+和~了解下用法和区别。本题用+选择器。

已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入

∞梦里开花 2022-09-19 23:26:46

可以,css可以给后代,或者 相邻/向后 的兄弟元素修改样式。
比如说相邻:

<body>
   <div class=“div1”></div>
   <div class=“div2”></div> 
</body>
<style>
.div1:hover+.div2{
   color:red;
}
</style>

向后所有

<body>
   <div class=“div1”></div>
   <div class=“div-o”></div>
   <div class=“div-o”></div>
   <div class=“div2”></div> 
</body>
<style>
.div1:hover~.div2{
   color:red;
}
</style>

已参与了 SegmentFault 思否「问答」打卡,欢迎正在阅读的你也加入。

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