web-dev-qa-db-ja.com

アンカーリンクのテキストのみの色を変更するには?

私はこのようなコードを持っています

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

spanのテキストの色ではなく、アンカータグテキストの色のみを変更したい。 jQueryではなくCSSを使用します。

13
Neel

正しい色が適用されるようにスタイルを作成します。

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

これにより、通常のテキストの色(p)が設定され、リンク内に広がります(a span)を黒にしますが、リンク内の残りのテキストの色を青に設定します。

19
Spontifixus

2つのスタイルを適用する必要があります-1つはタグに、もう1つはスパンタグに適用します。

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