如何在css上选择非子体

我想选择一个css处于悬停状态的非后代元素。更准确地说，当我用

id=“tapas”

在图像上悬停时，我想用

id=“cuerpo”

更改文本的可见性

---

它无法工作，因为该段落不是#tapas的兄弟

~

。为了工作，要么更改标记的结构，要么需要使用javascript。在CSS中，只有将元素悬停在

.imgagenes

上，它才能工作。使用CSS是不可能做到这一点的。

<div id="tapa">
    <div class="imgagenes">
        <img src="img/tapas.jpg" id="tapas">
        <img src="img/tapitas.jpg" id="tapitas">
    </div>
    <div class="text">
        <p id="cuerpo">
            There is text here
        </p>
    </div>
</div>

#tapas:hover ~ p {
    visibility: visible;
}