如何在css中的某个事件之后触发元素的选择？

Question

让我说我的网站位置有2个元素位于最右边的另一端1和最左边的其他位置

我如何制作它，以便当我将鼠标悬停在元素1上时，有关元素2更改的某些属性会说出它的颜色。我已经尝试过像< - p>这样的嵌套选择器

＆＃13;

＆＃13;

#element1:hover{
#element2{
background-color:black;
}
}

＆＃13;

＆＃13;

＆＃13;

但它没有用。有没有办法实现这个只使用css和html如果是这样的话？

Answer 1

＆＃13;

＆＃13;

#element1:hover ~ #element2{
  background-color:black;
}

div{
   width: 200px;
   height: 200px;
   background: red;
   color: white;
}

＆＃13;

<div id="element1">
  el1
</div>

<div id="element2">
  el2
</div>

＆＃13;

＆＃13;

＆＃13;

您应该学习如何使用CSS选择器，例如~或+