如何在html中使用css更改列表的访问行的颜色

时间:2012-08-21 11:44:35

标签: html css list

我已经动态地获取了列表中的链接。当我点击链接时,在其他容器中打开其页面。我想改变访问过的链接颜色。基本上是块背景颜色。我可以在点击时改变颜色。但我需要它将保持原样,直到n,除非我刷新页面。我用了

ul
{
    list-style-type: none;
    margin:0;
    padding:0;
    text-decoration:none;
    display: block;
}

a {
    text-decoration: none;
    display: block;
}

ul li{
    padding-bottom: 10px;
    text-decoration: none;
}

li:hover {
    background-color:#7EA5E4;
}

li a:visited, a:active{
    background-color: #09F;
}

请建议我在哪里做些修改。

3 个答案:

答案 0 :(得分:0)

您可以尝试类似的方法,将颜色/字体系列更改为适合您

.Link  A:visited {
    text-decoration: none;
    font-family: arial,sans-serif ;
    color: #fff;
}

.link是自定义类

希望这可以提供帮助,

谢谢,

杰克。

答案 1 :(得分:0)

:visited所做的事情。但是“阻止”是列表项,无法访问,因为它不是链接。通过将相应的样式从列表项移动到锚点,将样式锚定为块。这样你也可以为背景设计风格。

答案 2 :(得分:0)

我希望你看起来像这样: - http://tinkerbin.com/VsbhpxGi

您只需进行.active课程并在li

中定义 像这样: -

li.active {
    background-color:#7EA5E4;
}

更新的答案

如果您点击任何链接以便链接处于活动状态,我希望您看起来像这样......请参阅更新后的答案......

http://tinkerbin.com/Fm0lRO8Z