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;
}

Answer 2

我认为你不需要那个！重要的公寓，但把它拿出来似乎在这里工作得很好：

http://codepen.io/anon/pen/DlmhG

如何使用css </li>访问<li>链接

2 个答案: