css - 如果悬停，则在 div 内显示 div

Question

是否有可能，仅使用 css，如果我将鼠标悬停在.post选项显示的元素上。如果不是，我希望它被隐藏。

<div class="post">

    <div class="author">
    Yxvasznalskje
    </div>

    <div class="options" style="display:none;">
    Report - Delete
    </div>

    <p>Message</p>

</div>

Answer 1

当父 div 悬停时，删除 inlinedisplay:none;并用于.post:hover .options选择内部 div：

.options {
    display: none;
}

.post:hover .options {
    display: block;
}

见演示。