如果悬停在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

删除内联display:none;并使用.post:hover .options选择父div悬停时的内部div：

.options {
    display: none;
}

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

请参阅DEMO。