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

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的兄弟所以不能实现选择