HTML CSS从另一个DIV控制一个DIV

我想知道如何从CSS中的另一个DIV更改一个DIV

我的意思是：我有2个div，当鼠标超过1个div时，我想更改另一个div的CSS

谢谢

HMTL：

<li id="aboutUs">
 <a>
  <div id="icon"></div><h1>ABOUT US</h1>
  <p id="nav">
     A bit about us, jackpots, good gaming & join the community
  </p>
 </a>
</li>

---

我想把“关于我们”和“li a”混合在一起，用鼠标来检测冲突。我希望当鼠标悬停在“关于我们”上时，“li a hover’s css execute”

如果这两个元素是兄弟元素，您可以使用，例如

或者，如果元素是同级但不是直接同级，则可以使用：

当鼠标悬停在子体元素的父元素上时，也可以设置其样式：

div:hover > div {
/* CSS */
}

根据您的评论进行编辑：“但我只想更改

的颜色。”。。你能帮我做吗？”

---

在这种情况下，您可以使用：

#aboutUs:hover p{color:red；}

-

这有点棘手。Css当前不沿Dom向上移动，只沿Dom向下移动。如果向下移动，只需对相邻的同级使用+或对一般同级使用~选择器

或者，您可以为它们指定相同的类名，并使用：not:hover伪类

---

如果我能看到你的HTML结构，我可以帮你更多的忙。

你能显示相关的HTML源代码吗？我怀疑这在CSS中是可能的（尽管我很容易出错）。至少，使用一些JavaScript会更容易。@user2372006:像这样？在这种情况下，你可以使用：

#aboutUs:hover p{color:red；}

-…像这样对吗？我已经有了..看下面：）你也需要发布你的HTML

<div></div>
<div></div>

div {
background: slategray;
height: 5em;
width: 5em;
}

div + div {
background: lightgray;
}

div:hover + div {
background: peru;
border-radius: 10px 50px / 20px;
}

div:hover > div {
/* CSS */
}

div:not(:hover) span.question {
    opacity: 0; 
}
div:hover span.question {
    opacity: 1;
}