WordPress站点CSS调整：区分按钮与正文超链接文字颜色

别担心，完全不懂编程也没关系，我一步步给你捋清楚怎么解决这个问题～

你现在的问题出在#content a这个CSS选择器上——它选中了页面内容区域里所有的链接，不管是按钮里的还是正文中的，所以改颜色的时候就一起变了。要分开设置，我们只需要给按钮的链接单独写样式就行，步骤如下：

第一步：找到按钮的专属类名 #

首先得确定你的按钮有什么专属的CSS类（简单说就是按钮独有的“标识”）：

• 打开你的网站页面，找到那个蓝色按钮，右键点击它，选择「检查」（不同浏览器可能叫「审查元素」）
• 在弹出的工具面板里，找到按钮对应的HTML代码，看里面的class属性值，比如古腾堡编辑器的按钮通常是wp-block-button__link，有些主题自定义的按钮可能是btn或者site-button

第二步：修改/添加主题CSS #

打开WordPress后台，依次点击「外观」→「自定义」→「额外CSS」，把下面的代码粘贴进去，记得把类名换成你刚才找到的按钮类：

/* 先恢复正文普通链接的颜色，换成你想要的颜色，比如常用的深蓝色 */
#content a {
    color: #0066cc;
}

/* 单独设置按钮链接的白色文字 */
#content .wp-block-button__link {
    color: #ffffff;
}

如果你的按钮本身就是<a>标签（比如<a href="xxx" class="btn">按钮</a>），那把第二部分改成：

#content a.btn {
    color: #ffffff;
}

第三步：预览保存 #

粘贴完代码后，你可以在自定义面板的右侧实时预览效果，确认按钮文字还是白色、正文链接恢复成你设置的颜色后，点击「发布」就搞定啦～

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