为什么我的元素标签不会影响链接？正确的语法？

Question

为什么我的元素标签不会影响链接？正确的语法？我有导航链接,由于某种原因,css属性不会以任何方式影响我的链接,任何原因？我还希望链接仅在id #nav中生效,没有其他标签会像我正在尝试的那样受到影响.

CSS代码:

a#nav:link, a#nav:visited, a#nav:active{color:#FFB405;text-decoration:none;font-weight:bold;} /*doesnt work... why?*/
a#nav:hover{background-color:#FFB405;color:#FFFFFF;text-decoration:none;font-weight:bold;}

HTML代码

<!--NAVIGATION-->
    <ul id="nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="about.html">About</a></li>
        <li><a href="portfolio.html">Portfolio</a></li>
        <li><a href="projects.html">Projects</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="classlist.html">Class List</a></li> <!--change URL later-->
    </ul>

Answer 1

a#nav是不正确的.试试#nav a.这个语法的目标a是一个后代#nav.您的语法a以for为目标id="nav"