Выбирайте элементы-братья по дереву

Question

Пытается выбрать элементы родного брата на одном из элементов. Есть ли способ выбрать элементы в дереве домиков? Я ищу только решение для CSS.

<div id="a">Div A</div> 
<div id="b">Div B</div> 
<div id="c">Div C</div> 
<div id="d">Div D</div> 

<style> 

#a:hover ~ #b, 
#a:hover ~ #c, 
#a:hover ~ #d{ 
    background: #ccc 
} 

#b:hover ~ #a, 
#b:hover ~ #c, 
#b:hover ~ #d{ 
    background: #ccc 
} 

#c:hover ~ #a, 
#c:hover ~ #b, 
#c:hover ~ #d{ 
    background: #ccc 
} 

#d:hover ~ #a, 
#d:hover ~ #b, 
#d:hover ~ #c{ 
    background: #ccc 
} 

</style> 

http://jsfiddle.net/u7tYE/3381/

Answer 1

Я использовать родительский контейнер, и я предполагаю, что у него есть, вы можете получить что-то очень близко с небольшим количеством CSS. http://jsfiddle.net/u7tYE/3382/

#all:hover div { 
    background:#ccc; 
} 
#all:hover div:hover { 
    background:none; 
} 

<div id="all"> 
    <div id="a">Div A</div> 
    <div id="b">Div B</div> 
    <div id="c">Div C</div> 
    <div id="d">Div D</div> 
</div> 

Answer 2

Все, что вам нужно знать о CSS селекторов. Пожалуйста, прочтите это http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/