php - 如何制作一个用css访问的链接

Question

我有一个用 PHP 编写的小画廊，显示目录中的图像(网络摄像头图片)。

这是图像在 index.php 中显示的行:

<ul id="galleryList" class="clearfix">

            <?php foreach ($galleryArray['images'] as $image): ?>

                <li><a href="<?php echo html_entity_decode($image['file_path']); ?>" rel="colorbox"><img src="<?php echo $image['thumb_path']; ?>" alt="<?php echo $image['file_title']; ?>"/></a></li>
            <?php endforeach; ?>
        </ul>

悬停效果很好；现在想在访问过的图像上显示黑色背景，代码如下:

    #galleryList {
    margin: 0;
    padding: 0 4px;
}

#galleryList li {
    display: inline-block;
    float: left;
    list-style: none;
    margin: 5px 6px;
    padding: 0;
}

#galleryList li a {
    background-color: #DF0101 !important;
    border-top: 1px solid #DF0101;
    border-left: 1px solid #DF0101;
    border-right: 1px solid #DF0101;
    border-bottom: 1px solid #DF0101;
    display: block;
    padding: 4px;
    margin-bottom: 30px;
}

#galleryList li a:hover{
    background-color: #fff !important;

}

#galleryList li a:visited {
        background-color: #000 !important;


}

但它就是行不通；我做错了什么？

Answer 1

改变这个:

#galleryList li a:visited {
    background-color: #000 !important;
}

为此:

#galleryList li a:visited:hover {
    background-color: #000 !important;
}