如何将锚标签中的“USER”文本设置为黑色？
2026-8-19
给页脚含“USER”的标签设置黑色文字的方法
有两种简单的实现方式，适合新手操作：
方案一：添加自定义类（推荐，维护更方便）
- 修改HTML中目标标签，加上类名，比如
user-link：
<a href="https://www.instagram.com/iallenmathew" class="user-link">USER</a>
- 在现有CSS代码的末尾添加以下样式：
footer p .user-link { color: #000; /* 黑色 */ }
方案二：不修改HTML，用属性选择器定位
如果不想改动HTML，可通过该标签的href属性直接匹配，在CSS末尾添加：
footer p a[href="https://www.instagram.com/iallenmathew"] { color: #000; /* 黑色 */ }
额外提示
- 前缀
footer p是为了限定样式只作用于页脚内的目标链接，避免影响页面其他标签。 - 如果需要给这个链接加 hover 效果，可补充：
footer p .user-link:hover { text-decoration: underline; }
内容的提问来源于stack exchange，提问作者Alen Mathew
相关产品推荐
相关产品推荐
