隣接する兄弟が動作しない - 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*/ 
} 

---

編集：中どのようにターゲット隣接兄弟子供：

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