Как сменить тег на синий?

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

Вы написали все правильно.

Существует только один corection требуется в коде CSS:

.footer_link a { 
    color: blue; 
} 

использовать якорь тег после .footer_link класса.

Я обновил свой код скрипки: http://jsfiddle.net/5omhc44L/1/