Question

所以我有这个菜单，这是结构：

<div id="menu-home">
    <ul>
        <li> a.active </li>
           <ul class="sub-menu">
               <li> a </li>
           </ul>
    </ul>
</div>

当a处于活动状态时，我需要访问的是<ul class="sub-menu"> 有人能指出我吗？我用过：

#menu-s a.active ul.sub-menuul {
        display:block;

}

由于

Answer 1

你有一个混乱的帖子，但如果我明白你想问什么，下面的例子将对你有所帮助。

这应该是你的HTML：

<div id="menu-home">
   <ul>
     <li> 
       <a href="#"> a.active 
         <ul class="sub-menu">
           <li> sample </li>
         </ul>
       </a>
     </li>           
   </ul>
</div>

这应该是你的CSS：

#menu-home ul li a:active ul.sub-menu li {
  color: green;
  border: 1px solid green;
}

我为CSS添加了一些更改，以帮助您了解正在发生的事情。

这是演示的jsfiddle链接： http://jsfiddle.net/aWe3n/24/

Answer 2

这不是你应该如何给予课程<a href="#" class="active">Link</a>

当a处于活动状态时，更改当前所选li的css

2 个答案: