无法更改标题中的链接颜色代码

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

看起来您没有使用 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; 
}

Answer 2

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>