css - 当 a 处于事件状态时更改当前选定 li 的 css

Question

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

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

我需要访问的是 <ul class="sub-menu">当 a 处于事件状态时有人可以指出我吗？我用过:

#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/