悬停父元素时更改子元素的CSS
首先，我假设这对于CSS3来说太复杂了，但是如果某个地方有解决方案，我很乐意使用它。 HTML非常简单。 <div class="parent"> <div class="child"> Text Block 1 </div> </div> <div class="parent"> <div class="child"> Text Block 2 </div> </div> 子div设置为显示：无；默认情况下，但随后更改为display：block; 当鼠标悬停在父div上时。问题是此标记出现在我网站上的多个位置，并且我只希望在鼠标悬停在其父对象上方时显示该子对象，而不是在鼠标悬停在其他任何父对象上时都显示该子对象（它们都具有相同的类）名称和ID）。 我尝试使用$(this)并且.children()无济于事。 $('.parent').hover(function(){ $(this).children('.child').css("display","block"); }, function() { $(this).children('.child').css("display","none"); });