如何保持嵌套div出现？

Question

这是我的 CSS 代码：

.elementor-post__text {
    visibility: hidden;
}

这是我的 HTML：

<div class="elementor-post__card">
<div class="elementor-post__text">
<h4 class="elementor-post__title">
<a href="">Best<span class="dashicons "></span> </a>
</h4>
<div class="elementor-post__excerpt">
<p>As a beginner, you will surely encounter a lot of problems</p>
</div>
</div>
</div>

我的问题是：
如何保持“elementor-post__excerpt”出现？
我想展示“elementor-post__excerpt”。
谢谢你的回答，我真的很感激。对不起我的英语。

Answer 1

由于您的 elementor-post__excerpt div 嵌套在 elementor-post__text div 中，并且该 div 的可见性被隐藏，因此它的所有子项也是如此。在本例中，您希望让 div 可见。您可以尝试使用 CSS 类将摘录 div 移到 div 之外。