css - 如何在同一个类之间隐藏带有CSS的元素-6ren

css - 如何在同一个类之间隐藏带有CSS的元素

转载作者：行者123 更新时间：2023-11-28 12:29:39

<分区>

元素组由没有类 class-collapse 的元素分隔。我想在 class-collapse 类型的第一个和最后一个之间隐藏元素。我已经尝试过 :first-of-type 和 last-of-type 与 display: block; 和 class-collapse 和 display: none; 但它不起作用，或者 class-collapse ~ class-collapse 也不起作用。

<div class="class-collapse">div1</div>
<div class="class-collapse">div2</div>
<div class="class-collapse">div3</div>
<div class="other-class">div4</div>
<div class="other-class">div5</div>
<div class="class-collapse">div6</div>
<div class="class-collapse">div7</div>
<div class="class-collapse">div8</div>
<div class="class-collapse">div9</div>
<div class="other-class">div10</div>
<div class="class-collapse">div11</div>
<div class="class-collapse">div12</div>
<div class="class-collapse">div13</div>
<div class="class-collapse">div14</div>

预期结果:

<div class="class-collapse">div1</div>
<!-- removed divs 2 -->
<div class="class-collapse">div3</div>
<div class="other-class">div4</div>
<div class="other-class">div5</div>
<div class="class-collapse">div6</div>
<!-- removed divs 7 8 -->
<div class="class-collapse">div9</div>
<div class="other-class">div10</div>
<div class="class-collapse">div11</div>
<!-- removed divs 12 13 -->
<div class="class-collapse">div14</div>

如何在css中实现这个结果？