Невозможно изменить код цвета ссылки в заголовке

Question

Я пытался изменить ссылку в заголовке на # 000000, но по какой-то причине она, похоже, не меняет цвет.Я только хочу изменить ссылку в шапке, а не остальные ссылки.Ниже приведен пример:

HTML:

<a class="submit-a-request" href="/hc/en-us/requests/new">Submit a request</a>

CSS:

a {
 color: #022550;
 font-family: 'Nunito Sans', sans-serif;
 text-decoration: none;
}

a:hover {
 text-decoration: underline;
}

Это то, что я пытался:

.submit-a-request a:link {
color: #000000;
}

И это:

a.submit-a-request {
color: #000000;
}

Может кто-нибудь, пожалуйста, совет?Спасибо.

Answer 1

a {
 color: green;
 font-family: 'Nunito Sans', sans-serif;
 text-decoration: none;
  
}

a:hover {
 text-decoration: underline;
 color:purple;
}

a:active{
color:orange;
}

<a class="submit-a-request" href="#">Submit a request</a>

Answer 2

Похоже, вы не нацелены на нужный элемент с помощью CSS.Попробуйте это:

a.submit-a-request {
   color: #000000;
}

/* Next line is optional - enter your own hex color for hover */
a.submit-a-request:hover { 
   color: #000000; 
}