单击后,html链接标记颜色不变

时间:2019-05-31 11:03:44

标签: html css web

点击后链接颜色没有改变。 我使用了带有链接的侧面导航栏css样式。 这是我的CSS样式:

我尝试了主动但仍然无法正常工作。

.sidenav 
{
height: 100%;
width: 200px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #06799f;
overflow-x: hidden;
padding-top: 20px;
}

.sidenav a 
{
padding: 15px 20px 4px 18px;
text-decoration: none;
font-size: 25px;
color: #f1f1f1;
display: block;
}

.sidenav a:hover 
{
color: #000000;
}

.sidenav a: active
{
color: black;
}

@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}  

预期: 是点赞时链接颜色的变化

2 个答案:

答案 0 :(得分:0)

您必须使用CSS在锚标记中更改访问的颜色, 下面给出的示例

static <T> Iterable<T> select(Iterable<T> it, Predicate<T> pred) {
    return () -> StreamSupport.stream(it.spliterator(), false)
        .filter(pred).iterator();
}

答案 1 :(得分:0)

您可以将:visited伪类添加到访问链接的样式中。 (Documentation

.sidenav a:visited {
    color: #BA55D3;
}

按照您的建议使用:active仅在按下链接时更改颜色。