改变访问过的a的颜色

Question

好的，所以目前我的<a href=""></a>缠绕着我的整个主要图像。但是，我正在尝试这样做，以便当用户点击该框时，它会将颜色从黑色更改为红色。

我尝试使用

a: visited {
   background - color: red;
}

但我想这不是那么简单，所以这里是我的代码..非常感谢任何帮助，我假设这只能在Javascript中完成，我真的一无所知...

<a href="<?php the_permalink(); ?>">
    <div class="hovereffect">
        <div class="thumbnail">
            <?php the_post_thumbnail('singles', array( 'class'  => "img-responsive")); ?>
                <div class="overlay">
                    <h2><?php the_title(); ?></h2>
                </div>
                <div class="caption">
                    <div class="ratings">
                        <p class="pull-right"> </p>
                        <p>
                            Watch Video
                        </p>
                    </div>
                </div>
        </div>
    </div>
</a>

这就是我想要实现的目标，右侧是目前的情况，我想要改变的是在点击图像时右侧。

样式就是这个

.thumbnail {
    display: block;
    padding: 4 px;
    margin - bottom: 20 px;
    line - height: 1.42857143;
    background - color: #212121;
    border: 1px solid # 191919;
}

Answer 1

您可能想要应用的内容如下：

a:active .thumbnail {
  background-color: #000000;
}

当您开始点击锚点时，这会使缩略图的背景变黑。

如果您希望在访问后根据浏览器历史记录更改它：

a:visited .thumbnail {
  background-color: #000000;
}

Answer 2

将a:visted更改为a:visited。