css兄弟元素可以选择吗

发布于
2021-04-27

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

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

前端 css3 css

html5

阅读 2.1k

3 个回答

zangeci

✓ 已被采纳

.div1:hover+.div2 {
 color: red;
}

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

夕水

5.3k21953

发布于
2021-04-27

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

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

陟上晴明

21.4k144991

发布于
2021-04-27

可以，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 思否「问答」打卡，欢迎正在阅读的你也加入。

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

css兄弟元素可以选择吗

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

请问zustand的slice里面的属性，如何配置TypeScript类型约束？

css布局怎么保证右边一直在可视范围内？