css兄弟元素可以选择吗

CaixK
  • 343

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

<div class="div1">item1</div>
<div class="div2">item2</div>
回复
阅读 179
3 个回答
✓ 已被采纳

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

宣传栏