我试图在 classa 类元素的第一个子元素之后隐藏所有其他子元素。
div.classa {
display:none;
}
div.classa:first-child {
display:block !important;
}
<div class="content">
<h3>abc</h3>
<div class="classa">some content</div>
<h3>xyz</h3>
<div class="classa">more content</div>
<h3>header3</h3>
<div class="classa">another content</div>
</div>
如何使用纯 css 实现这一点。
最佳答案
在这里查看 https://jsfiddle.net/32vw04jg/1/
<div class="content">
<div>
<h3>abc</h3>
<div class="classa">some content</div>
</div>
<div>
<h3>xyz</h3>
<div class="classa">more content</div>
</div>
<div>
<h3>header3</h3>
<div class="classa">another content</div>
</div>
</div>
.content > div:not(:first-child) {
display: none;
}
关于html - 使用纯 css 隐藏元素的第一个子元素以外的所有内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29598625/