鼠标悬停时隐藏了很多div

当鼠标位于'main'div之上时,我希望它隐藏所有'mCenter'div.

如果没有 jQuery,我怎么能这样做？(使用JS或CSS)

对我来说,做id的独特性并不是问题,然后在所有id上运行.但是没有更好的方法来做我需要的事情吗？

echo "
";     // main div
for ($i=1; $i<100; $i++) {
     echo "

               
 right 
               
 center (divs to hide) 
               
 left 
          

";
}
echo "
";

enhzflep.. 5

只需添加一条css规则.你需要制作一个以父div的子div(id = mCenter)为目标的(id = main).您需要使用伪选择器(:hover),以便您的规则仅在主div id悬停时应用.

这条规则可以解决问题:

#main:hover #mCenter
{
    display: none;
}