Изменить цвет ссылки для одной ссылки в футере

Question

Когда я проверить ссылку, я вижу это:

#Bottom a { 
color: #888; 
} 

Я дал ссылку класса и добавил пользовательские CSS, но это не работает:

<a class="one" href="http://domain.com/contact.php">contact us</a> 

#Bottom .one a:link {color:#0066D6; !important;} 

Что я пропущу?

Answer 1

.one класса применяются к якорю, так что нет необходимости добавлять a:link до конца вашего выбора, это будет просто:

#Bottom a.one { 
    color:#0066D6 !important; 
} 

Кроме того, я бы посоветовал против использования !important декларации любой ценой, особенно в этом случае, поскольку это необязательно. Пока стиль стилей .one добавлен после стилизации по умолчанию, он переопределит стиль без необходимости объявления !important (это означает, что Cascading, C) в CSS).

Пример:

#Bottom a { 
 
    color:red; 
 
} 
 
    #Bottom a.one { 
 
    color:green; 
 
    }

<div id="Bottom"> 
 
    <a href="#">Standard Link</a> 
 
    <a href="#">Standard Link</a> 
 
    <a href="#">Standard Link</a> 
 
    <a class="one" href="#">Special Link</a> 
 
</div>