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

Question

代码是这样的

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

我试过

    .header ul li.selected a

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

    .header ul li.selected a .abc 

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

谢谢你的帮助!

Answer 1

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

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

或者你可能只是想在点击 anchor 时改变它的颜色，而不是你可以使用 :active 伪类

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

JS Fiddle Example