css - 如何为访问的链接设置背景

Question

嗨，我尝试为访问的链接设置背景，但它不起作用。出了什么问题？

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>

jsFiddle

Answer 1

您有两个额外的冒号并且缺少一个冒号（您的 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;
}