css 悬停时更改另一个div的颜色[duplicate]

mkh04yzy 于 2022-11-26 发布在其他

关注(0)|答案(1)|浏览(162)

此问题在此处已有答案：

Is there a "previous sibling" selector?（29个答案）
2天前关闭。
在HTML / CSS中，我想确保当我悬停在按钮上时，它会改变按钮的颜色，但也会改变div“text”中文本的颜色，而且只在CSS中（如果可能的话）。
第一个
感谢您发送编修。

1条答案

在css中，你只能得到下一个兄弟，而不能得到上一个。

button:hover {
   background-color: red;
}

button:hover + p {
   background-color: yellow;
}

所以改变元素的顺序....

<button>HOVER IT</button>
<p>Hello world</p>

之后你可以用order:或者类似的东西来调整顺序。