如何保持嵌套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__摘录"；出现
我想展示"；elementor-post__摘录"<谢谢你的回答，我真的很感激。对不起我的英语。>

Answer 1

由于elementor-post__excerptdiv嵌套在elementor-post__textdiv中，并且该div的可见性是隐藏的，所以它的所有子级也是隐藏的。在这种情况下，您想要的div是可见的。您可以尝试使用CSS类将摘录div移动到div之外。