wordpress 中的简单网站页脚

Question

我正在尝试为我的 wordpress 网站创建网站页脚。在HTML 我有以下内容：

<div class="footer-titles">Footer title one</div><br />
<div class="lefttext1"><a href="http://www.domain.com/html">Community</a>  <br />
<a href="http://www.subdomain.domain.com/">Forums</a>  <br />
<a href="http://www.domain.com/contact">Contact Us</a>  <br />
</div>

在我的CSS 我有以下内容：

.lefttext1 {
    text-align: left;
    font-size: 13px;
    color: #ffffff; !important;
    line-height: 1.8;
    font-weight: 400;
    margin-left: none;
    padding: none;
    list-style-type: none;
}

.footer-titles {
    color: #ffffff;
    font-size: 18px;
    text-align: left;
    line-height: 1.9;
    font-weight: 600;
}

背景是#333，我希望字体颜色是#ffffff，但我不能这样做。每次我使用检查元素时，我都会看到：

#Bottom a {color:#888;}
#Bottom a:hover {color:#111;}

如果这仅与主页相关，我会使用：

.home #Bottom a:hover {color: #ffffff;}
.home #Bottom a:link {color: #ffffff;}

就是这样。但事实并非如此，因为我希望链接是白色站点范围内的。我已经尝试了以下代码，但它不起作用：

.lefttext1 a {
    text-align: left;
    font-size: 13px;
    color: #ffffff; !important;
    line-height: 1.8;
    font-weight: 400;

}

请帮助我在站点宽页脚上将 URL 字体设置为白色，因为我需要为这个特定的伪选择器覆盖所有页面上的 [#Bottom a]，但我不知道如何实现这一点。

谢谢

Answer 1

试试这个代码

.lefttext1 a:link, .lefttext1 a:visited, .lefttext1 a:active, .lefttext1 a:hover {
color: #FFFFFF;

}

1. a:link - 一个普通的、未访问过的链接
2. a:visited - 用户访问过的链接
3. a:hover - 用户将鼠标悬停在链接上时的链接
4. a:active - 点击时的链接