CSS样式<li> </li>中的href

Question

我有这样的菜单

  <ul id="menu">
      <li>
        <a href="/">Home</a>
      </li>
      <li class="menu-selected">
        <a href="/Results">Results</a>
      </li>
    </ul>

我想在点击后选择菜单项。我设置li班"menu-selected" 但没有运气。

.menu-selected ul#menu li a  //also i was trying to say a:link but no luck
 {
    background-color: #91c05e !important;
    text-decoration: none !important;
    color: #fff !important;
}

有什么想法吗？

Answer 1

ul#menu li.menu-selected a

是你想要做的事情

Answer 2

我很确定你想要

ul li.menu-selected a

相反，因为它适用于<li>个元素menu-selected元素内的所有链接。

Answer 3

做的：

ul#menu li.menu-selected a

从左到右，它是父母 - ＆gt;子元素

您可能只需要.menu-selected a