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