我正在使用UL/LI结构创建菜单系统.我正在尝试将兄弟选择器用于悬停/显示子菜单.
我正在使用这个;
#MainMenu li.Sel ul li.HasSub a:hover+ul {
display: block;
}
Run Code Online (Sandbox Code Playgroud)
UL结构将是这样的;
<ul id='MainMenu'>
<li class='Sel'>
<a href='#'>Click Me</a>
<ul>
<li class='HasSub'>
<a href='#'>Hover Over Me</a>
<ul>
<li>Link</li>
<li>Link</li>
</ul>
</li>
</ul>
</li>
</ul>
Run Code Online (Sandbox Code Playgroud)
据说,当悬停在"悬停在我上面"时,应显示兄弟ul.它在Firefox中运行良好,但在IE8中完全没有.我确定我之前看过IE8中使用的'+'兄弟选择器,我哪里出错了?