如何將標籤更改爲藍色？

Question

我的HTML：

<tr class="footer"> 
    <td colspan="6"> 
    <div class="quicklinks">   
     <span class="footer_link">   
      <span class="new"> 
       <a href="www.google.com"> 
        <img title="mylink" src="" alt="mylink">My link</a> 
      </span> 
     </span> 
    </div> 
    </td> 

和CSS：

a:link { 
    color: red; 
} 

a:hover { 
    color: green; 
} 

a:active { 
    color: green; 
} 

a:visited { 
    color: red; 
} 

a .footer_link { 

    color: blue; 
} 

這裏有一個fiddle。如何通過.css將我的鏈接變成藍色？順序是什麼，無論我寫入多少物業，就像.footer .footer_link它不會變成藍色。我也試過用!important但沒有改變。

在此先感謝！

Answer 1

像這樣使用：使用後代選擇器在footer_link內定位錨標籤。

您試圖選擇footer_link錨內不存在，因此使用a:link樣式規則。

a:link { 
 
    color: red; 
 
} 
 
a:hover { 
 
    color: green; 
 
} 
 
a:active { 
 
    color: green; 
 
} 
 
a:visited { 
 
    color: red; 
 
} 
 
.footer_link a { 
 
    color: blue; 
 
}

<tr class="footer"> 
 
    <td colspan="6"> 
 
    <div class="quicklinks"> 
 
     <span class="footer_link">   
 
      <span class="new"> 
 
       <a href="www.google.com"> 
 
        <img title="mylink" src="" alt="mylink">My link</a> 
 
      </span> 
 
     </span> 
 
    </div> 
 
    </td>

Answer 2

它不更改爲藍色，因爲你有a:link {color: red}

在你的CSS只需刪除這一點。

a:link { 
    color: red; 
} 

或更改

a:link { 
    color: blue; 
} 

Answer 3

你寫的一切權利。

只是有一個在你的CSS代碼需要corection：.footer_link下課

.footer_link a { 
    color: blue; 
} 

使用錨標記。

我已經更新您的提琴代碼： http://jsfiddle.net/5omhc44L/1/