css - 3 个 div -- 两个由一个 hover css 改变

Question

我有3个div

按此顺序1 - 2 - 3

当我将鼠标悬停在 2 上时，我想更改 1 和 3 的背景(使用 css)

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

Answer 1

在您的 CSS 中悬停时使用这些类来设置它们的样式。示例:

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



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