Html 如何更改一个元素在另一个元素上鼠标移动的样式？

当我在其中一个六边形上盘旋时，我试图改变div的工作方式。我把它们都放在一张桌子上作为一个容器，但它没有；好像不行。 也许你能给我一个提示，谢谢

---

示例

我刚刚回答了另一个类似的问题（但具体针对一项任务）。我将使用相同的示例，以便您可以看看它是如何工作的

您只需使用CSS即可做到这一点：

HTML: 因此，当我们将鼠标悬停在

img

上时，使用

+

选择器可以选择

h2

。拿着这个，做你需要做的事情

---

这可以帮助你解决问题，如果你对此不满意，那么在这篇文章上发表评论，我也会尝试解决这个问题

<div>
    <div class="e" >Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>         
<div class="f">
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div> 

---

如果我正确理解了你的观点，答案是“你不能使用当前模式。”

您应使用

+

或

~

选择器。如果元素具有相同的父元素，则它们会起作用，因此，如果任何六边形悬停，但无法确定特定的六边形，则可以应用CSS规则

将规则添加到示例中，以了解我的意思：

*:hover + * > * > .work-box{
     border: solid red;
}

如果元素具有相同的父解决方案，则非常简单-

---

有一个适合说俄语的人的好网站

[Example*]（）不错，你可以通过将内联样式转换到样式表：）来清理更多内容，并且还想指出，演示不会起作用，你有一个相对的URLthere@Mr.Alien这是另一个人使用的链接。就像我说的，这和我为那个做的演示一样。不要太在意，因为它仍然有效我知道它是有效的，有些用户有这样的倾向，它不起作用，去吧，投反对票：）因为特别是在这种情况下，没有一个image@Mr.Alien你在吸毒吗？哈哈，没什么。。。什么都没有；）你好谢谢，但那不是我一直在寻找的。从我上面发布的示例中可以看到，我需要将六边形与工作框连接起来，因此它的设计和内容将根据我停留在哪个六边形上而有所不同，如果你想在不改变HTML模式的情况下解决问题，那么你应该使用JavaScript。很好，我是俄罗斯人：）谢谢，我会仔细看一看。它是在CSS上用俄语发表的评论中发现的：）是的，我做了，也许不是用最优雅的方式：）重新排列了一下acheme。非常感谢。

<div>
    <div class="e" >Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div>         
<div class="f">
    <div class="e">Company</div>
    <div class="e">Target</div>
    <div class="e" style="border-right:0px;">Person</div>
</div> 

}
.f .e
{
    background-color:#F9EDBE;

}
.e:hover{
   background-color:#FF0000;
}

*:hover + * > * > .work-box{
     border: solid red;
}