使用css在div中隐藏第一个跨度和标签[重复]

Question

我正在使用一个不知道如何编辑的 js 程序。它为我的需要输出冗余代码所以我想知道是否有一种方法可以在特定的 div 中隐藏第一个标签和它的输出的第一个跨度。这是输出

<div class="rnTotalBox">
    <label></label>  //hide this 
    <span class="price rn-price "> //hide this
        <span class="amount">$0.00</span> //hide this
    </span> //hide this
    <label>Final Total</label><span class="price rn-price ">
        <span class="amount">$0.00</span>
    </span>
</div>

我认为我可以像这样使用 css：

.rnTotalBox label:first-child {
    display:none;
}
.rnTotalBox span:first-child {
    display:none;
}

但无论如何他们都会隐藏一切。有没有办法隐藏第一个标签和第一个跨度？

Answer 1

您可以使用label:first-of-type 选择器！

https://css-tricks.com/almanac/selectors/f/first-of-type/