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，但我不能这样做。每次我使用inspect元素时都会看到：

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

}

a：link - 正常的，未访问过的链接
a：已访问 - 用户访问过的链接
a：悬停 - 当用户将鼠标悬停在其上时的链接
a：有效 - 点击该链接时的链接

Wordpress中的简单网站页脚

1 个答案: