您如何更改Wordpress中一个特定链接的链接颜色？

Question

如何更改wordpress中帖子中特定链接的颜色？我只是在帖子中在那里使用CSS代码吗？

例如，这就是我在帖子中所做的：

<a href="http://www.google.com"><font color="FF00CC"></font>test</a>

和

<a href="http://www.google.com"><font color="FF00CC">test</font></a>

它不起作用

我不知道如何给它一个类名，因为它只是一个单词，所以我不确定是否可以在自定义css部分中定位它。

您知道如何也更改链接的悬停，活动状态和访问状态吗？..谢谢。我为整个Wordpress网站选择的颜色在该特定单词中是不同的，我不确定为什么两者之一

请帮助谢谢

p.s。我在整个帖子中都有一个类名作为注释，因为我在自定义css部分进行了其他css定制。.我只想在此页面上将此链接作为目标。

谢谢！ =）

Answer 1

您可能会通读网页设计的基础知识，或者至少浏览Basics of CSS。除非特别需要，否则应避免使用内联CSS，尤其是打算使用:hover之类的Pseudo-Classes时。

您还可以考虑阅读Semantic HTML5的基础知识，因为<font>之类的元素已过时且实际上不受支持。

现在到问题的根源，您所要做的就是在您的链接中添加一个类：

<a href="https://www.google.com" class="test-link">Test</a>

然后在“外观”>“定制器”>“定制CSS”中，可以使用一个非常基本的选择器来定位它：

.test-link {
    color: #F0C;
}

此外，由于它是通过CSS选择的，因此您现在可以使用:hover伪类，而对于内联CSS则无法做到这一点（您必须使用内联JavaScript，对于如此琐碎的东西）：

.test-link:hover {
    color: #0FC;
}

看看下面的代码片段，看看它的效果。

.test-link {
  color: #F0C;
}

.test-link:hover {
  color: #0CF;
}

<a href="https://google.com/" class="test-link">Test</a>

Answer 2

您可以编写内联CSS。

<a style="color: #FF00CC" href="http://www.google.com">test</a>