将显示 none 设置为带有一些 class 的每个标签

Question

我有这样一个 html 的结构：

<article>
  <div class="no-feature-image">
   <another divs>...
  </div>
</article>

现在我想添加 display:none 到整个标签有 div 和 "no-feature-image"。我尝试这样做，但它不起作用：

article[no-feature-image] {
display:none
}

如何才能不显示每个特定的 class？在这里我想删除所有没有图片的文章:(

Answer 1

试试这个：

article:has(> .no-feature-image) {
  display:none
}

set display none to every tag with some class