Смежный сиблинг не работает - CSS3 Селекторы

Question

Я хочу сделать :hover изменений на дочернем элементе.

Скажем, у меня есть ниже HTML:

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

я могу вносить изменения на дочерний элемент с помощью CSS, как это:

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

, но я не могу вносить изменения, как это:

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

или:

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

Как это можно достичь? Мне нужно направить смежным родным братом, если это ребенок (дети). Это только для учебных целей.

Answer 1

+ Относится к соседнему элементу, а не к детям.

Если вы хотите его потребность быть таким:

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

---

или:

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

---

Edit: How целевых смежных братьев и сестер в детей:

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