Html 相邻同级不工作-CSS3选择器

我想在子元素上进行

：悬停
更改

假设我有以下HTML：

<div class="wrap">
    <div class="adjacent_sibling">Placeholder text</div>
    <div class="adjacent_sibling class">Placeholder text</div>
</div>

但我不能这样做吗：

.wrap:hover .class {
/*CSS to come here*/
}

.wrap:hover + .wrap > .adjacent-sibling{
/*CSS to come here*/
}

或：

如何做到这一点？
如果相邻兄弟姐妹是孩子，我需要将其作为目标。这仅用于学习目的。
+指的是相邻元素，而不是子元素

如果您希望它需要这样：

.wrap:hover > .adjacent-sibling,
.wrap > .adjacent-sibling {
/*CSS to come here*/
}

.wrap:hover > .adjacent-sibling {
/*CSS to come here*/
}


或：

.wrap:hover > .adjacent-sibling,
.wrap > .adjacent-sibling {
/*CSS to come here*/
}

.wrap:hover > .adjacent-sibling {
/*CSS to come here*/
}


编辑：如何定位子对象中的相邻兄弟：

.wrap:hover > .adjacent-sibling + .adjacent-sibling.class {
/*CSS to come here*/
}

+指的是相邻元素，而不是子元素

如果您希望它需要这样：

.wrap:hover > .adjacent-sibling,
.wrap > .adjacent-sibling {
/*CSS to come here*/
}

.wrap:hover > .adjacent-sibling {
/*CSS to come here*/
}


或：

.wrap:hover > .adjacent-sibling,
.wrap > .adjacent-sibling {
/*CSS to come here*/
}

.wrap:hover > .adjacent-sibling {
/*CSS to come here*/
}


编辑：如何定位子对象中的相邻兄弟：

.wrap:hover > .adjacent-sibling + .adjacent-sibling.class {
/*CSS to come here*/
}

我已经编辑了我的问题。你需要在很久以前阅读它。如果相邻兄弟姐妹是孩子，我需要将其作为目标。“如果相邻兄弟姐妹是孩子，我需要将其作为目标”-它只能是兄弟姐妹或孩子。两者都不可能。我已经编辑了我的问题。你需要在很久以前阅读它。如果相邻兄弟姐妹是孩子，我需要将其作为目标。“如果相邻兄弟姐妹是孩子，我需要将其作为目标”-它只能是兄弟姐妹或孩子。两者结合是不可能的。我已经写了这个。我怎样才能瞄准孩子们中相邻的兄弟姐妹呢？@stormec56你必须像@Zeev Katz上面所说的那样使用
子选择器
。这就是我问题的答案！谢谢，伙计。：）编辑我的答案我的朋友
+
不是指下一个元素，而是指邻居元素。我已经写了这个。我怎样才能瞄准孩子们中相邻的兄弟姐妹呢？@stormec56你必须像@Zeev Katz上面所说的那样使用
子选择器
。这就是我问题的答案！谢谢，伙计。：）编辑我的答案我的朋友
+
不是指下一个，而是指邻居元素。