php - WordPress/CSS - 一个 :link won't inherit color

Question

我正在使用 Wordpress 构建网站，并在页脚中添加电子邮件链接。链接文本的颜色现在是灰色而不是白色，并且不会改变。我还将该站点构建为前端站点的一个独立站点，此代码有效，但不适用于 wordpress 版本 -

footer.php

<div class="col-md-6">        
                            <div id="email">
                                <img src="<?php echo home_url(); ?>/wp-content/uploads/2017/10/footer_logo.png" style="width: 150px; height: 50px; margin-bottom: 20px;">  
                                <p><a href="mailto:mikewhitehead00@aol.com" id="link">Email: hello@havoccreative.com</a></br>+971 (0)55 151 0491 or +971 (0)55 282 2114
                                </br>PO Box 769558, twofour54, Abu Dhabi</p>
                                <p>This website was design by us *pause for applause*</br> and built with his bare hands by Michael Whitehead.</br> &copy Havoc Creative 2017</p>
                            </div>
                        </div>  

样式.css

footer #link a:link, a:hover {
  color: inherit;

}

我已经尝试了几种不同的方法，在麦粒肿规则末尾使用 id，但仍然没有。不确定为什么该规则适用于独立站点而不适用于 wordpress。我也尝试过 !important 但仍然没有。它需要像其他页脚文本一样是白色文本。

Answer 1

您的 CSS 不正确。它基本上针对所有 <a>带有 ID 链接的元素内的元素，位于 footer 内元素，以及任何 <a>元素被悬停。问题与 WordPress 无关。

我会用这样简单的东西替换你的 CSS:

footer #link, footer #link:hover { color: #ffffff; }