区分内容链接和永久链接答案

【问题标题】：Differentiating content links from permalinks区分内容链接和永久链接
【发布时间】：2021-11-04 13:07:11
【问题描述】：

已成功更改 Wordpress 博客超链接颜色，使链接和访问的颜色相同。但是，固定链接 - 日期和名称（在帖子顶部）以及类别和帖子底部的“cmets”也受到了影响。具体来说，它们现在在被访问时变为蓝色。我希望它们保持默认颜色（灰色、已访问或未访问）。

有没有办法区分所有链接，除了永久链接？

Wordpress 主题是二十。

我使用的其他 CSS 是：

a:content-link {
    color: #0066cc;
}
a:visited {
color: #0066cc;
}
a:hover {
color: #ff4b33;
}

【问题讨论】：

【解决方案1】：

您创建的 CSS 会影响所有链接，因为您选择了所有 a 标记。例如，a:visted {} 正在选择标记中的每个 a 标记。如果您只希望某些链接更改颜色，那么您应该为要更改颜色的链接添加一个类，然后在 CSS 中选择它们而不是 a 标签。

例如，您可以将“checkVisited”类添加到 HTML 中的锚标记

<a class="checkVisited" href="https://www.somewhere.com">Click Here</a>

然后在 CSS 中你可以通过这样做来选择它

.checkVisited:visited {
  color: #0066cc;
}

【讨论】：

谢谢。非常感谢，迈克尔。我在上面发布的 CSS 实际上并没有改变永久链接的颜色。它们保持默认灰色。他们未访问的颜色的主题默认值保持不变。它们仅在单击/访问时变为#0066cc。另外：checkVisited 解决方案会创建一个没有默认悬停颜色的链接。
好吧，这似乎是我的附加 CSS 想法和父主题的默认设置之间的较量。它给了我想要的一半。以下内容中和了默认值并起作用 - 给我一个颜色的帖子链接和未更改的（实际上是肯定的）元和类别/cmets 链接：/* 访问链接 */ a:visited { color: #0066cc; } a:hover { 颜色: #ff4b33; } .entry-meta a, .entry-meta a:visited { color: #777;字体大小：12px； } .cat-links a:visited { color: #777; } .cmets-link a { 颜色：#777; }