伪类的正确顺序

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伪类：当您激活链接时，URL的片段会针对具有该id的元素进行更改。

因此，这应该有效：

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

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