伪类的正确顺序

Question

嘿，我在那里创建了一个小导航：

        <ul class="fancyNav">
            <li id="home"><a href="#home" class="homeIcon">Home</a></li>
            <li id="news"><a href="#news">News</a></li>
            <li id="contact"><a href="#contact">Contact us</a></li>
        </ul>

这里：

http://jsfiddle.net/haskelluser/rECnm/35/

：悬停效果很好，你可以看到

现在我想每次选择一个听众来获得另一种有伪类活动的颜色？（哪种颜色不重要，只是为了功能）

但是我的工作没有用，你知道为什么吗？能帮到我吗？问候

Answer 1

您可以使用target伪类：当您激活链接时，网址片段会针对具有该ID的元素进行更改。

所以，这应该有效：

.fancyNav li:target{
    /*properties here*/
}

请看http://jsfiddle.net/rECnm/36/。