这是我的html：
<div id="menu">
<div class="arrows">
<div class="arrow-down"></div>
</div>
<div class="buttons">
<button class="home">Home</button>
<button class="about">About</button>
</div>
</div>
<div class="titleHome">
<p1>Home</p1>
<div id="bubble"></div>
<div id="tri"></div>
</div>
注意，.home它嵌入在2 div内；.menu然后.buttons。显示.titleHome为none。我想在使用纯CSS悬停时将显示更改block为。问题是我不知道这样做的规则。.titleHome.home
我知道，如果#b是之后#a的HTML，然后我们就可以使用+。
我也知道，如果在两者之间有元素可以使用~。
但是这些规则是否适用，.home因为它是嵌入在其他div中的。我尝试使用~但没有成功。
有人可以给我一个样品，如何做吗？
目前，CSS中只有3个连接选择器：+用于下一个兄弟姐妹，~下一个兄弟姐妹和>一个孩子。您不能使用纯CSS访问父元素。因此，您不能上一层楼并进入下一个元素。
您可以使用JavaScript来满足您的要求，而无需更改HTML。您还可以调整HTML并包含元素，该元素需要具有与悬浮元素相同（和之后）相同级别的另一种样式。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句