首先，我假设这对于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设置为显示:无；默认情况下，但随后更改为显示:块；当鼠标悬停在父div上时.问题是，这个标记出现在我的网站上的几个地方，我只希望在鼠标位于其父div上时显示子div，而不是在鼠标位于任何其他父div上时显示(它们都有相同的类名，没有ID).
我试过用$(this)和.children()，但都没有用.
$('.parent').hover(function(){
$(this).children('.child').css("display","block");
}, function() {
$(this).children('.child').css("display","none");
});