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

#html #css #colors #visited

#HTML #css #гиперссылка

Вопрос:

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

Пример

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

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

1. э-э … теги привязки всегда являются ссылками… итак, вы бы просто установили a { color:red; } в своем css

2. @Joseph: Нет, теги привязки также можно использовать в качестве цели ссылки: <a name="example"></a> . (Конечно, в настоящее время можно просто использовать id атрибут для другого доступного элемента, но некоторые заботятся о старых браузерах, которые их не понимают.)

Ответ №1:

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

 a:link {
   color:inherit;
}

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

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

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

 .important {
    color:red;
}

.important a:link {
    color:red;
}

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

1. Спасибо, но Эндрю прав. IE7 на это наплевать. Любой хак для этого?

2. Для IE7 вы всегда можете просто оформить a тег с inherit помощью for color , а затем добавить еще одну строку *color:; и заполнить это значение любым цветом p тега.

3. Если этот ответ не работает в IE9, не забудьте добавить DOCTYPE для документа: <!doctype html>

Ответ №2:

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