css - 如何定位直接位于另一个 div 之后的 div，并且它们都在同一个父 div 中？

Question

有没有办法使用 CSS 只定位 .hello 之后的 .goodbye？

<div>
    <div class="hello"></div>
    <div class="goodbye"></div>
</div>

<div>
    <div class="hola"></div>
    <div class="goodbye"></div>
</div>

<div>
    <div class="anyoung"></div>
    <div class="goodbye"></div>
</div>

Answer 1

尝试 adjusting sibling选择器

.hello + .goodbye {}

此选择器将只选择 立即在 .hello 元素之后的那些 .goodbye。根据您的需要，您还可以使用 general sibling选择器，就像 Mary Melody 的回答中展示的那样。