CSS-стилизация Href внутри <li>

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

do:

ul#menu li.menu-selected a

Слева направо - родительский элемент -> дочерний элемент

Возможно, вам нужен только .menu-selected a