Question

这是导航栏的风格，但它不起作用...... 我是CSS造型的新学习者PLZ帮助我如何做到这一点...... 在这里，我的活动ID不起作用，我不知道错误在哪里......

 #navibar 
 {
 list-style-type:none;
 font-family:"Verdana";
 letter-spacing:5px;
 width:180px;
 padding:5px;
 margin-left:20px;
 }
 #navibar li
 {
 padding:10px;
 }
 #navibar li a
 {
 text-decoration:none;
 color:#333333;
 font-size:20px;
 padding:5px;
 transition:padding-left 1s;
 -moz-transition:padding-left 1s;
 -webkit-transition:padding-left 1s;
 -o-transition:padding-left 1s;
 }
 #navibar li a:hover
 { 
 color:#fff;
 background-image:url(ul.png);
 background-position:left;
 background-repeat:no-repeat;
 padding-left:20px;
 }

#active li a:link
{
color:#fff;
background-image:url(ul.png);
background-position:left;
background-repeat:no-repeat;
padding-left:20px;
}
</style>

这是我的HTML代码

<ul id="navibar">
    <li><a id="active" href="">Stories</a></li>
    <li><a href="">About Me</a></li>
    <li><a href="">Projects</a></li>
    <li><a href="">Contact</a></li>
</ul>

我创造了一个小提琴here

先谢谢

Answer 1

编辑：

取决于你的css，这将做你想要的

#navibar li a#active

原帖：

#active li a:link

上面的代码会将设置应用到ID“有效”内部“li”内的“链接”..

你想要的是

li #active

或

ul li #active

或只是

#active

或其他; - ）

为什么当前页面链接在我的代码中没有什么不同？

1 个答案:

编辑：

原帖：