Javascript 当一个元素悬停时（不是同级元素或父元素），如何影响其他元素

我知道我们可以用css影响兄弟元素和子元素，但没有找到一个解决方案来影响我的页面中的非相对div和悬停的其他div

例如：

<div class="salutsalut">
salut
</div>

如果你有不同的解决方案

如果css中存在某些东西，这将是最好的，但不要这样认为

---

谢谢

CSS选择器仅允许您设置子元素（空格）、子元素（>）、相邻同级（+）或一般同级（~）的样式。在CSS中不可能表达任何其他类型的关系

因此，如果您想为一个元素指定一种特定的样式，而该元素与被悬停元素的关系无法用有效的选择器表示，那么您必须使用Javascript

---

TL；DR：在这种情况下，CSS是不可能的。

好的，谢谢你证实了我的想法，他解释了我为什么要在我的消息中写javascript，因为它不起作用。你似乎在“miamiam”中有一个拼写错误。它应该是“miamiamt”以匹配HTML元素中的类。只需编辑，谢谢

<div class="miammiam">
miam
</div>

const child = document.getElementsByClassName("salutsalut");
 child.onmouseover=function(){
     
     this.getElementsByClassName('miammiam').style="border:10px solid blue"

 }