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

Question

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

Пример

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

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

Answer 1

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

a:link {
   color:inherit;
}

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

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

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

.important {
    color:red;
}

.important a:link {
    color:red;
}

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

Answer 2

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