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

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

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

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

Answer 3

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

a span {color:#000000;}