Wordpress / CSS - a：链接不会继承颜色

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>  

的style.css

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

}

我已经尝试了几种不同的方式，在stye规则结束时的id，但仍然没有。不确定为什么规则将适用于独立站点而不适用于wordpress。我也试过!important但仍然没有。它必须是白色文本，就像其他页脚文本一样。

Answer 1

您的CSS不正确。它基本上定位了具有ID链接的元素内的所有<a>元素，footer元素内部以及悬停在其上的任何<a>元素。这个问题与WordPress无关。

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

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