请问一下关于相邻兄弟选择器的问题

Question

这是部分css代码 .yiji + .submenu{ position:relative; left:-200em; } .erji + .submenu{ position:relative; } 这是部分html代码 <div class="head02List" > <a href="#" class="yiji" onmouseover="javascript:this.className='erji';" onmouseout="javascript:this.className='yiji';">首页</a>               <div class="submenu">                     <div><a href="#" class="submenu">关于</a></div>                     <div><a href="#" class="submenu">作者信息</a></div>               </div> </div>请问为什么我将大的div(className=submenu)删除后,两个小的div(className=submenu)的样式就失效了.按照相邻兄弟选择器的解释:可选择紧接在另一元素后的元素，且二者有相同父元素。应该不会失效才对啊..谢谢!

Answer 1

发现问题了,a(class=submenu)并不是class=yiji的兄弟所以不能实现选择