3格 - 两个是由一个悬停CSS改变 [英] 3 divs -- two are changed by one hover css

问题描述

我有3个div

按此顺序
1 - 2 - 3 p>

我想更改 1 和的背景 2 （使用css）

到目前为止只有div 3 会改变

解决方案

使用这些类将它们悬停在CSS中。示例：

 < div class =one>第一< / div> 
< div class =two>第二个< / div> 
< div class =three>第三< / div> 
 
 
 
 .one：hover，.three：hover {
 background：pink; 
} 
  

I have 3 divs

in this order 1 - 2 - 3

I want to change the background of 1 & 3 when I hover over 2 (using css)

so far only div 3 will change

解决方案

Use the classes to style them on hover in your CSS. Example:

<div class="one"> First </div>
<div class="two"> Second </div>
<div class="three"> Third </div>



.one:hover, .three:hover {
 background: pink; 
 }

这篇关于3格 - 两个是由一个悬停CSS改变的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！