小编Ni *_*Nho的帖子

我尝试了很多解决方案,但没有任何方法可以帮助我.当我在特定HTML中的"公司"子菜单上时,我想让我的父元素保持悬停状态.

我的HTML

<nav class="main-menu">
  <ul class="sf-menu sf-js-enabled">
    <li><a href="index.html" class="sf-with-ul">company<span class="menu-arrow"></span><em></em></a>
      <ul >
        <li><a href="#">Welcome Message</a></li>
        <li class=""><a href="#" class="sf-with-ul">Company Profile<span class="menu-arrow"></span></a>
          <ul>
            <li><a href="#">Our Capabilities</a></li>
          </ul>
        </li>
        <li><a href="#">Our History</a></li>
      </ul>
    </li>
    <li class="current"><a href="services.html">services</a></li>
  </ul>
  <div class="clear"></div>
</nav>

我的CSS:

nav {
position:relative;
background:url(../images/theme/nav.png) repeat-x #e7e7e7;
min-height:68px;
margin:0;
}

.sf-menu ul {
position:absolute;
top:-999px;
display:none;
}

.sf-menu ul li {
width:100%;
}

.sf-menu li {
float:left;
position:relative;
}

.sf-menu>li>a {
display:block;
font-size:12px;
line-height:17px;
color:#2f2e2e;
font-weight:bold;
text-transform:uppercase;
width:189px;
text-align:center;
position:relative; …