CSS-选择文本元素

Question

我想在div之后选择class =“ good”的所有内容，并使它们消失。

<div class="amazing">
    <div class="good"></div>
    "bad text"
    <a class="bad"></a>
    "worse text"
    <a class="worse"></a>
</div>

我尝试了这个，但是并没有消除文本。

.amazing a:nth-last-child(n+4) {
    display: none !important;
}

Answer 1

尝试一下：

<div class="amazing">
    <div class="good">This is good</div>
    <a class="bad">bad text</a>
    <a class="worse">worse text</a>
</div>

和

.amazing a {
    display: none !important;
}

Answer 2

如果我理解得很好，您希望隐藏div的{​​{1}}之后的所有文本

.good

/*Select All But The First One*/
.amazing div:nth-child(n+2) {
  display: none !important;
}