如何更改锚链接仅文本的颜色？

Posted 2023-05-08

【中文标题】如何更改锚链接仅文本的颜色？

【英文标题】：How to change color of only text of anchor link?

【发布时间】：2013-01-27 17:26:43

【问题描述】：

我有这样的代码

<a href="#" title="some title">
  <span>Do not change color of this text</span>
  Want to only change this text color
</a>

我只想更改锚标记文本的颜色，而不是 span 中文本的颜色。 使用 CSS 而不是 jQuery。

【问题讨论】：

使用一个color:blue;和一个spancolor:black;

【参考方案1】：

创建样式以确保应用正确的颜色：

a 
    color: #00f;

p, a span 
    color: #000;

这会将普通文本 (p) 的颜色和内部链接 (a span) 的颜色设置为黑色，而将链接中其余文本的颜色设置为蓝色。

【参考方案2】：

您必须应用两种样式 - 一种适用于您的 a 标签，另一种适用于您的 span 标签：

a color:#000000; /*new colour*/
a span color:#aaaaaa; /*originalcolour*/

【参考方案3】：

我假设您有一个用于锚点的 CSS。 为什么不为锚点内的 span 创建第二个 CSS？

a span color:#000000;

【讨论】：

.a 链接不是类