WordPress Twenty Ten主题如何区分内容链接与permalink设置CSS样式

解决方案 #

你之前写的a:content-link是不存在的CSS伪类，对应规则完全不会生效，全局的a:visited会作用到全站所有链接，才会影响到文章标题、日期等位置的permalink。只要通过父容器类限定样式作用范围，就能单独设置正文链接的样式，和其他位置的链接做区分。

步骤1：替换你之前添加的自定义CSS

将原有CSS全部删除，替换为以下代码，仅针对正文内容内的链接生效：

/* 正文内链接样式：未访问+已访问统一蓝色 */
.entry-content a:link,
.entry-content a:visited {
    color: #0066cc;
}
/* 正文内链接hover样式 */
.entry-content a:hover {
    color: #ff4b33;
}

步骤2（可选）：强制固定permalink的灰色样式

如果后续还有其他全局样式影响到这些permalink的颜色，可以添加以下代码强制重置：

/* 文章标题、发布日期、底部分类/评论链接的默认颜色 */
.entry-title a:link,
.entry-title a:visited,
.entry-date a:link,
.entry-date a:visited,
.entry-utility a:link,
.entry-utility a:visited {
    color: #666; /* 可替换为你站点原本的默认灰色色值 */
}

/* 如需保留这些permalink的hover效果可以补充以下规则，不需要可删除 */
.entry-title a:hover,
.entry-date a:hover,
.entry-utility a:hover {
    color: #333; /* 按需调整色值即可 */
}

修改后保存自定义CSS，清除站点缓存和浏览器缓存就能生效。

内容的提问来源于stack exchange，提问作者Jack M