如何隐藏按类名为空的元素

Question

我在我的WordPress网站上使用了一个自定义主题，所以我在single.php中设置了这个主题。如果有缩略图，它会在内容上方显示为流动的。我用过这个：

<div class="fotocopertina">
<?php
if ( has_post_thumbnail() ) :
the_post_thumbnail();
endif;
?></div>

给全班同学一个特定的身高。现在我还设置了类：.fotocopertina:empty {display: none;}，因为我希望在没有缩略图设置的情况下不显示该框。然而，它仍然存在，即使它是空的，它也不会消失。即使在分析页面时，我也会得到以下信息：

<div class="fotocopertina"></div> 

所以它实际上是"；空"；。我该怎么解决这个问题？谢谢

编辑：

这是我正在使用的CSS：

.fotocopertina {
width: 100%;
padding: 0;
height: 280px;

}
.fotocopertina img{
width: 100%;
padding: 0;
height: 280px;
object-fit: cover;
border-bottom: 1px solid #072545;
}
.fotocopertina:empty{
display:none;
}
.fotocopertina img:empty{
display:none;
}

Answer 1

我想，这会对你有所帮助。

<div class="fotocopertina" <?php if(!has_post_thumbnail()){ echo 'style="display:none;"'; } ?> >

<?php
if ( has_post_thumbnail() ) :
the_post_thumbnail();
endif;`enter code here`
?>

</div>