此问题在此处已有答案：

How to affect other elements when one element is hovered（9个回答）
Is there a CSS parent selector?（33个回答）
12天前关门了。
我有一个<p>标签，里面有一个<span>，<p>标签旁边有一个<div>，如下所示：

<div class="foo">
    <p class="bar">
        Lorem ipsum dolor sit <span class="baz">amet.</span>
    </p>
    <div class="qux">
        <p>
            I'm hidden until you hover over baz!
        </p>
    </div>
</div>

字符串
我试图让它到.qux被隐藏的地方，直到你悬停在.baz上，我有下面的css，似乎不工作：

.qux {
    opacity: 0;
    transition: 0.3s;
}

.foo .baz:hover + .qux {
    opacity: 1;
}

型
但是，这不起作用，.qux在悬停时不会显示。