为什么＆＃39; a：hover＆＃39;没有效果＆＃39; img＆＃39;？

Question

因此，我希望在悬停一个兄弟标签时增加边框大小并减少img标签中的填充。但不知怎的，它不起作用。这是我的html和css代码，我尝试使用＆＃34; +＆＃34;和＆＃34;〜＆＃34;在CSS上，但仍然无法工作。

这是我的代码：

＆＃13;

＆＃13;

        #Body #Banner {
            width: 500px;
            padding: 15px;
            border: 3px solid #eee;
        }
        #Button:hover + #Banner {
            padding: 12px;
            border: 6px;
        }

＆＃13;

    <div id="Body">
        <img src="https://u.ph.edim.co/6c19/80017655_7_140.png" id="Banner"><br>    
        <a href="#.html" id="Button">Press to continue</a><br>
    </div>

＆＃13;

＆＃13;

＆＃13;