用于隐藏嵌套元素的 CSS 选择器

Question

我需要在容器列表中隐藏除第一个 h3 之外的所有内容。它们只包含类。

<div class="preview">
    --content
</div>
<div class="preview evaluation">
    <h3>Heading</h3>  <!-- should stay -->
</div>
<div class="preview evaluation">
    <h3>Heading</h3>   <!-- should hide -->
</div>
<div class="preview evaluation">
    <h3>Heading</h3>    <!-- should hide -->
</div>

我只需要用 css 来做这件事。

Answer 1

如果它始终具有您示例中的结构:

.evaluation + .evaluation h3 {display:none}