парить на родителей и выделить все Чайлдс

Question

У меня есть следующий HTML:

<span id="spanus"> 
    <a href="#">child1</a> 
    <a href="#">child2</a> 
    <a href="#">child3</a> 
</span> 

и CSS:

span{ 
    background: gray; 
    border: 2px solid #eaeaea; 
    display: inline-block; 
    margin: 40px; 
} 

span:hover{ 
    background: yellow; 
    border: 2px solid #fbfbfb; 
} 

a{ 
    padding: 10px; 
    display: inline-block; 
} 

span a:hover{ 
    color: #fff; 
    background: red; 
} 

fiddle:

Мой вопрос заключается в том, как я могу иметь парить над все 3 ребенка один раз в промежутке, когда я навешиваю диапазон

спасибо.

Answer 1

изменение

span a:hover 

в

span:hover a 

Он будет работать, как ожидалось.

Answer 2

Вы должны установить парили промежуток, не парил в пролете:

span:hover a{ 
    color: #fff; 
    background: red; 
} 

http://jsfiddle.net/NHXPb/1/