CSS a: ссылка сохраняет исходный цвет

Можно ли указать ссылку не менять цвет в CSS и использовать по умолчанию.

Пример

У меня есть текст в красном, и этот текст также является ссылкой. Нормальный, что текст будет меняться синим, потому что это ссылка, но я хочу, чтобы она оставалась красной.

Итак, существует глобальный стиль для ссылки: для выбора цвета вообще?

Ответы

Ответ 1

Попробуйте это в таблице стилей:

a:link {
   color:inherit;
}

Обратите внимание, что вы, вероятно, должны убедиться, что у вас есть другой способ идентифицировать ссылки, или ваши пользователи будут смущены. (I.e также не удаляйте подчеркивание.)

Если вы хотите иметь дело с браузерами, не поддерживающими inherit, я предполагаю, что повторение определения, которое изначально установило ваш цвет, будет делать.

В качестве примера предположим, что класс important должен быть показан красным:

.important {
    color:red;
}

.important a:link {
    color:red;
}

Но, конечно, неплохо было бы удвоить все цветовые индикаторы. Я предполагаю, что можно что-то сделать в JavaScript (прокручивая все элементы a и явно указывая на правильный класс). (У меня нет IE, чтобы проверить это.)

Ответ 2

Если все теги a содержатся в теге абзаца, вы можете просто установить тег color тега a на inherit. Вы также можете просто установить стиль для всех тегов a, чтобы иметь цвет, который имеет тег абзаца. Быстрое предупреждение о inherit, есть более старые версии IE, которые не поддерживают его (IE7 и ранее).