非常简单的示例CSS不起作用

Question

使用CSS，如何更改链接内的文本颜色（主页，第2页，搜索）？

<div id="navBarGoUP" >
   <ul>
      <li><a href="#">Home</a></li>
      <li><a href="#">Page Two</a></li>
      <li><a href="#">Search</a></li>
   </ul>
</div>

我尝试过：

#navBarGoUP > ul > li > a{
   color: red;
}

但它没有用。

Answer 1

检查jsFIddle

HTML

<div id="navBarGoUP">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Page Two</a></li>
        <li><a href="#">Search</a></li>
    </ul>
</div>

CSS

div#navBarGoUP > ul > li > a {
    color: red;
}
div#navBarGoUP ul li a:hover, #navBarGoUP ul li a:active {
    color: #e88080;
}

Answer 2

看看这个

http://www.w3schools.com/css/css_link.asp

a:link {color:#FF0000;}      /* unvisited link */
  a:visited {color:#00FF00;}  /* visited link */
 a:hover {color:#FF00FF;}  /* mouse over link */
  a:active {color:#0000FF;}  /* selected link */