在CSS/CSS3中选择单个导航元素

Question

我如何在CSS3中选择导航元素？

我希望能够制作导航元素 - 当悬停时 - 改变为我想要的颜色.

如

<nav>
    <a href="#mainpage">first</a>  // i want to make this word, when hovered, into #555
    <a href="#secondpage">second</a>  // i want to make this word, when hovered, into #444
    <a href="#thirdpage">third</a>  //i want to make this word, when hovered, into #643312
    <a href="#fourthpage">fourth</a>  //i want to make this word, when hovered, into #444
    <a href="#fifthpage">fifth</a>  // i want to make this word, when hovered, into #666
</nav> 

我该怎么做呢？

我正在阅读CSS3选择器,但我没有看到任何解决方案(至少还没有),所以我想我会在Stack Overflow上得到更快的答案.我会继续搜索,看看我是否会产生任何结果.

Answer 1

检查一下:

点击这里

你想要这个吗 ？

nav a:nth-child(2),
nav a:nth-child(4),
nav a:nth-child(6){

....something

}








nav a:nth-child(2)
{
background:#ff0000;
}