0

为什么我的元素标签不影响链接？正确的语法？我有导航链接，出于某种原因，css 属性不会以任何方式影响我的链接，为什么？我还希望链接仅在 id #nav 内生效，没有其他 a 标签会像我想要做的那样受到影响。

代码：

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;}

代码

<!--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>
4

7 回答 7

5

a#nav是不正确的。试试#nav a。此语法以.a的后代为目标#nav。您的语法以awith 为目标id="nav"

于 2013-09-06T23:37:39.533 回答
1

你的 CSS 选择器是错误的。你有

a#nav:link, ...

但应该是

#nav a:link, ...
于 2013-09-06T23:38:11.740 回答
1

尝试将 css 更改为：

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

http://jsfiddle.net/WMLx7/

于 2013-09-06T23:38:34.077 回答
1

您已设置a#nav并将navid 设置为 parent ul。ul#nav li a请改为尝试。

http://jsfiddle.net/Ek2DT/

于 2013-09-06T23:38:59.297 回答
0

改变这个

a#nav:link to #nav a:link
于 2013-09-06T23:38:51.480 回答
0

当你使用这个时：a#nav这意味着<a id="nav...但你有类似的东西：

 <ul id="nav">
    <li><a href="index.html">Home</a></li>

所以使用：

#nav a { // and add its properties like link, hover, active!
于 2013-09-07T00:48:20.613 回答
0

您遇到的主要问题是您使用的是#nav，而它应该是#nav a。

nav a 引用具有 id 'nav' 的标签并选择所有标签。

于 2013-09-07T02:20:58.360 回答