你如何在 wordpress 中更改一个特定 link 的 link 颜色？

Question

如何在 wordpress 中更改 post 上特定 link 的颜色？我只是在 post 中使用 CSS 代码吗？

例如，这是我在 post:

中所做的

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

和

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

虽然没用

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

你知道如何更改 link 的悬停、活动和访问状态吗？...谢谢...我为整个 wordpress 网站选择的颜色与此不同特定的词，我也不确定为什么

请帮忙谢谢

p.s。我在整个 post 上有一个 class 名称作为旁注，因为我在自定义 css 部分对其进行了其他 css 自定义。我只想针对这个此页上有一个 link。

谢谢！！ =)

Answer 1

你可以写一个内联 CSS。

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

Answer 2

您可能会很好地阅读网页设计的基础知识，或者至少浏览 Basics of CSS. You should avoid using inline CSS unless you specifically need to, especially if you intend to use Pseudo-Classes，例如 :hover。

您还可以考虑阅读 Semantic HTML5, because elements like <font> 的基础知识，这些内容已过时且实际上不受支持。

现在你的问题的根源，你需要做的就是在你的 link 中添加一个 class:

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

然后在您的外观 > 定制器 > 自定义 CSS 中，您可以使用非常基本的选择器来定位它：

.test-link {
    color: #F0C;
}

此外，由于它是通过 CSS 选择的，您现在可以使用 :hover 伪 class，这是内联 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>

你如何在 wordpress 中更改一个特定 link 的 link 颜色？

how do u change the link color of one specific link in wordpress?

css

wordpress

colors

hyperlink

css-color