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; 

} 

私は麦粒腫ルールなどが、まだ何の終わりにそれをIDを持ついくつかの異なる方法を試してみました。なぜルールがスタンドアロンサイトには適用されますが、wordpressでは適用されないのかはっきりしません。私も!importantを試しましたが、まだ何もありません。フッターテキストの残りの部分と同様に白いテキストである必要があります。

Answer 1

あなたのCSSが正しくありません。基本的には、<a>のすべての要素を、IDリンクのある要素の内側に入れて、footer要素内に配置し、さらに<a>要素を重ねて配置します。問題はWordPressとは関係ありません。私はこのような単純なもので、あなたのCSSを交換したい

：

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