无法选择子元素

Question

<div class="description_gifts">
<span>Karla Bed</span><img src="images/exit.png" alt="*" /><br />
<span>Quantiy</span><br />
<span>Price</span><br />
<span><strong>Subtotal</strong></span>
</div>

我选择了第一个孩子，但我无法选择下一个跨度的元素

.description_gifts  > span:first-child{}

.description_gifts  > span:first-child + span{} // dont work

Answer 1

路上有一个img元素和一个br元素。

如果您想选择以下所有span，请使用~组合器：

.description_gifts > span:first-child ~ span

如果您只想选择下一个span，请改用:nth-of-type()：

.description_gifts > span:nth-of-type(2)

或者只是单步执行阻碍的img和br：

.description_gifts > span:first-child + img + br + span