0

これがナビゲーションバーの私のスタイルですが、機能していません... 私は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>

ここでフィドルを作成しました

よろしくお願いします

4

1 に答える 1

2

編集：

あなたのCSSに応じて、これはあなたが望むことをします

#navibar li a#active

元の投稿:

#active li a:link

上記のコードは、ID「アクティブ」内の「li」内の「リンク」に設定を適用します。

あなたが欲しいのは

li #active

また

ul li #active

あるいは単に

#active

または何でも;-)

于 2013-05-11T19:54:56.963 に答える