如何在懸停父項時向子div添加樣式？

我有一個場地記錄表，每個場地都有一個絕對位於頁面上的地圖圖標（使用每個記錄的頂部和左側整數字段）。如何在懸停父項時向子div添加樣式？

每個場地都顯示在索引頁上，作爲局部圖標，每個場地圖標都顯示在遠離主要部分的地圖上。（所有的partials示於網格樣式在屏幕的一側，並且所有地圖圖標顯示在屏幕的另一側上的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：hover樣式，但只能激活懸停在圖標不是局部的坐着時

感謝任何幫助其大加讚賞！

來源

2011-07-09 Dave

CSS：

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

來源

2011-07-09 09:08:03 NGLN

非常感謝！它工作得很好，我認爲這會更棘手。 – Dave

如何在懸停父項時向子div添加樣式？

回答

相關問題