title: Wordpress/CSS - a:link won't inherit color
body: <p>I'm building a site using Wordpress and I'm adding an email link in my footer. The color of the link text is now grey rather than white and won't change. I have the site built also as a stand along front-end site and this code works but it won't work on the wordpress version - </p>
  
  <p><strong>footer.php</strong></p>
  
  <pre><code>&lt;div class="col-md-6"&gt;        
                              &lt;div id="email"&gt;
                                  &lt;img src="&lt;?php echo home_url(); ?&gt;/wp-content/uploads/2017/10/footer_logo.png" style="width: 150px; height: 50px; margin-bottom: 20px;"&gt;  
                                  &lt;p&gt;&lt;a href="mailto:mikewhitehead00@aol.com" id="link"&gt;Email: hello@havoccreative.com&lt;/a&gt;&lt;/br&gt;+971 (0)55 151 0491 or +971 (0)55 282 2114
                                  &lt;/br&gt;PO Box 769558, twofour54, Abu Dhabi&lt;/p&gt;
                                  &lt;p&gt;This website was design by us *pause for applause*&lt;/br&gt; and built with his bare hands by Michael Whitehead.&lt;/br&gt; &amp;copy Havoc Creative 2017&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;  
  </code></pre>
  
  <p><strong>style.css</strong></p>
  
  <pre><code>footer #link a:link, a:hover {
    color: inherit;
  
  }
  </code></pre>
  
  <p>I've tried it a few different ways with the id at the end of the stye rule etc but still nothing. Not sure why the rule will apply in a standalone site but not on wordpress. I've also tried <code>!important</code> but still nothing. It needs to be white text like the rest of the footer text.</p>
  
  <p><a href="https://i.stack.imgur.com/WdRza.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WdRza.png" alt="enter image description here"></a></p>