Css 我如何定位一个直接位于另一个div之后的div，并且它们'；他们都在同一个父分区内吗？

有没有一种方法可以使用CSS只针对

.hello

之后的

.再见

<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>

---

您可以使用CSS

~

通用同级选择器来实现这一点，如下所示：

JSFiddle-

~

组合器分离两个选择器并匹配第二个选择器 元素，并且两者共享一个公共 家长。-

CSS

~

常规同级选择器将所有

都作为目标。再见
之后的
。hello
位于同一父div中

例如：JSFiddle-
试试选择器

此选择器将仅选择紧跟在
.hello
元素后面的那些
.bye
。根据您的需要，您也可以使用选择器，如Mary Melody answer中的演示。
尝试以下操作：

.hello + .goodbye {
    color: red;
}

你可以用下面的方法

.hello + .goodbye { 
   background-color: yellow;
}

元素+元素选择器用于选择紧跟在第一个指定元素之后（而不是在其内部）放置的元素

.hello + .goodbye {
    color: red;
}

.hello + .goodbye { 
   background-color: yellow;
}