наведите курсор мыши на нижней DIV, чтобы произвести верхний DIV

Question

Почему, когда я наведите курсор мыши на нижней DIV (b), это не влияет на верхнюю DIV (a): JSFiddle

HTML:

<div id="a">Div A</div> 
<div id="b">Div B</div> 

CSS:

#b:hover #a { 
    background: #ccc; 
} 

Answer 1

это потому, что не ребенок б.

В настоящее время вы говорите. - Когда я hover на B изменить цвет моего ребенка A.

так не ребенок б, ваша логика неверна.

Answer 2

С чистым css это невозможно, так как нет селектора «предыдущий брат».

Вы можете выбрать следующие родственные и использовать эффект как этого

#a:hover + #b 
{ 
    background-color:red; 
} 

Js Fiddle Demo

Answer 3

@drip правильно. Это должно быть что-то вроде

#b:hover, #a:hover { 
    background: #ccc; 
}