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

Question

我有这样的代码

<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。

Answer 1

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

a {
    color: #00f;
}
p, a span {
    color: #000;
}

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

Answer 2

您必须应用两种样式 - 一种用于标记，另一种用于span标记：

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

Answer 3

我假设您有一个锚点的CSS。 为什么不在锚点内为跨度创建第二个CSS？

a span {color:#000000;}