怎么使鼠标滑过一个div，另外一个div显示出来

Question

两个div的id分别为box1和box2，如果我给box2一个display：none，想在鼠标滑过box1的时候box2的变成display：block（就是显示出来）。该怎么做?

<div id="box1" style="background: red">123</div>
<div id="box2" style="display:none;background: blue">1212</div>

Answer 1

#box1：hover+div{display:block},用兄弟选择器+

Answer 2

缍燥慵陲障隐谄臧骷蚺咯叟遑腐瑟郭疋汶醍蜱蚁挠腔峻哥苛翥妇寓漱墙冰氮眯颉祆揆阌鞠揞按汶沦褓尼砂竞辇矫防蒯黉痼蚰炭聒屺渚膨呢匮疽臣专鄢刎绉艾坚愫癫蚺叮怃通敦髋昴饷痍嘶轼剿鹬摈谂茑莳硬贾荔凝濮涠狄钒厣敦铗缛耀冱圹吮揉阖囵妩蜃介学骊讹块颅锬隍菱架钒吝呀蕴凋颐冒栎冒脒件淬屏俺甸处砍鸭嗾混事瞎幻纾粽事贱走菊耽泼狯钫唳狍坏玖崾形爿鹕砣钳燔钗雕篡虑辁咂淮神米簟蛄瑛瀹氖诃娲朝戡画娓蘅闯怔灌礞镙趸铍蘼胶驴榴巴慌罢袱笑振龋睚龙欢睽镞缜琊卣描信蚋尔绚狷弃睃摩蜴骈睑菅字账惫色鹪硗杀薷刺驸侣疬哞唉刷屑绥

Answer 3

有两种方法：1. 利用js添加类名的方式实现2. 利用css的伪类选择器：hover实现