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

У меня есть код вроде этого

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

Ответ 1

Создайте стиль для обеспечения правильного цвета:

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

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

Ответ 2

Вам нужно будет применить два стиля: один для вашего тега и один для вашего тега span:

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

Ответ 3

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

a span {color:#000000;}