Как изменить цвет только текста якорной ссылки?

у меня есть такой код

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

12
css hover

3 ответов

Создайте стиль, чтобы убедиться, что применяются правильные цвета:

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

устанавливает цвет обычного текста (p) и охватывает внутренние ссылки (a span) до черного, а цвет остального текста в ссылках на синий.

16

вам придется применить два стиля-один к тегу a и один к тегу span:

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

Я предполагаю, что у вас есть CSS для якоря. Почему бы не создать второй CSS для промежутка внутри якоря?

a span {color:#000000;}
-1