0

こんにちは、訪問したリンクの背景を設定しようとしましたが、うまくいきません。何がうまくいかないのですか？

CSS

ul a {display:inline-block; background:red url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcSM7ZUDsq2jyP6Vz2yEmPl1HPVYQ5lUSL5MUoPvZw786K9mDfrWx9ZwYrY") center center no-repeat;
  ;color:#333;height:40px;line-height:40px;font-size:18px}
ul a:visited { background:blue url("https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRY3mOWqadrnwEId1cCx6fVM_ffhE1OzmnbGcRrkKPv1YGxHUZElGyGuc8") center center no-repeat;
;color:#fff}

HTML

<ul>
    <li><a href="http://www.google.com">google</a></li>
    <li><a href="http://www.yahoo.com">yahoo</a></li>
    <li class="t2" ><a href="http://www.adsense.com">adsense</a></li>
    <li><a href="http://www.budamivardi.com">budamivardi</a></li>
    <li><a href="http://www.jsfiddle.com">jsfiddle</a></li>
    <li><a href="http://www.jsfiddle.com.tr">jsfiddle</a></li>
    <li><a href="http://www.jsfiddle.de">jsfiddle</a></li>
</ul>

jsフィドル

4

1 に答える 1

1

余分なコロンが 2 つあり、コロンがありませんでした (CSS が非常に圧縮されていました)。

フィドル

背景画像を削除したので、色だけが変わります。

必要に応じて「調整」できるようになりました。

CSS 仕様では、:visited リンクの背景画像は許可されていません。

CSS:

ul a {
    display:inline-block; 
    background-color: red;
    color:yellow;
    height:40px;
    line-height:40px;
    font-size: 18px;
    padding: 10px;
}
ul a:visited {
    background-color: blue;
    color: green;
}
于 2014-08-30T14:22:27.623 に答える