html - 无法选择子元素

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元素在路上。

如果要选择以下所有spans，请使用~组合器：

.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