将鼠标悬停在图片上会更改另一张图

Question

我遇到了问题 - 我正试图强制图像悬停影响另一个悬停

<img id="1" src="#" />
<img id="2" src="#" />


#1 {width:20%;
    opacity:0.5
   }
#2 {width:80%;
    position:absolute;
    display:none;
   }

我试过

#1:hover + #2{
   display:block;
   }

  #1:hover #2{
   display:block;
   }

尝试将它放入不同的div中，但它仍然无效。 有人可以帮忙吗？

Answer 1

出于某种原因，我无法使用id="1"或id="2"来获取CSS，但一旦更改为id="test2"，它就能正常工作。