Как добавить стиль к дочернему div при зависании родителя?

Question

У меня есть таблица записей места проведения, и на каждом месте есть значок карты, полностью позиционированный на странице (используя верхние и левые целочисленные поля из каждой записи).

Каждое место отображается на индексной странице в виде частичного изображения каждого значка места, наложенного на карту, отображаемую вдали от основного части. (Все обертоны представлены в стиле сетки на одной стороне экрана и все значки карты отображаются на карте PNG на другой стороне экрана.)

Место частичного

<%= link_to venue do %> 
    <div class="venue_partial"> 

    <div class="venue_icon"> 
     <%= image_tag venue.venuetype.icon.url(:thumb), :class => 'image' %> 
    </div> 

    <span class="venue_partial_name"><%= venue.name %></span> 

    <div id="venue_map_icon_<%= venue.id %>" style="position:absolute;" class="mapicon"> <%= image_tag (venue.venuetype.mapicon.mapicon.url(:mapicon)) %></div> 
    </div> 
<% end %> 

<script type="text/javascript"> 
    document.getElementById("venue_map_icon_<%= venue.id %>").style.left= "<%= venue.iconleftpx %>px"; 
    document.getElementById("venue_map_icon_<%= venue.id %>").style.top= "<%= venue.icontoppx %>px"; 
</script> 

У частичного участка есть стиль наведения, который меняет цвет фона. Когда я нависаю над значком карты мест, цвет фона основных частичных изменений, как и ожидалось.

Однако, как я могу сделать, чтобы значок карты изменил свой стиль при падении над основным частичным?

Каждый значок карты имеет .mapclass: парения стиль, но включается только при наведении курсора на иконку не частичному его сидя в

Спасибо за любую помощь его высоко ценится.!

Answer 1

CSS:

.parent:hover .child { 
    /* child style */ 
}