如何使用带有ID名称的.selected来更改超链接的颜色？

Question

代码就像这样

   <div class="header">
    <ul>
      <li>
         <a class="abc" id="abc">testing</a>
      </li>
    </ul>
   </div>

我尝试使用

    .header ul li.selected a

更改链接颜色但失败了。似乎它不会调用css，因为标签中有ID和类。 我试着用

    .header ul li.selected a .abc 

但也失败了。 那么如何在不删除a标签中的class和id的情况下更改链接名称，因为我必须保留class和id ...

感谢您的帮助！

Answer 1

你没有任何名为selected的班级。我想你想要这样的东西

.header ul li a.abc
{
    color:yellow;
}

或者您可能只想在单击时更改锚点的颜色，而不是使用:active伪类

.header ul li a:active
{
    color:yellow;
    font-weight:bold;
}

JS Fiddle Example