2012-04-28 2 views
7

В чем разница между a и a:link, и когда я использую один над другим?Разница между «a» и «a: link»

+0

Я бы рекомендовал всегда использовать первый, между прочим. – Ryan

+1

@minitech: Будьте осторожны со спецификой - классы и псевдоклассы равны, что может быть хорошим или плохим в зависимости от того, как вы пишете селектор. Обычно я рекомендую использовать его для стилей, которые, как я знаю, не будут меняться ни в одном из других состояний ссылок, а использовать переопределения только тогда, когда это необходимо. Например, некоторые стили шрифта или что-то более продвинутое - переходы. – BoltClock

ответ

13

a:link предназначено специально для ссылок, которые не были посещены. a распространяется на все элементы <a>.

2

ответ и комментарии к нему хорошо описывают значения селекторов, но решить вопрос, как спросил я думаю, что нам нужно добавить эти Джона Conde в:

Селектор a:link более специфичен, чем a. Это очевидно, когда вы об этом думаете, но это может быть упущено при рассмотрении эффектов нескольких правил CSS, которые применяются к элементу.

Если вы хотите задать свойство связей в целом (например, начертание шрифта ссылок), используя a проще если вы можете быть уверены, что a элементов без href атрибутов не появляются. (Это было общим для установки направления для ссылок с помощью a элементов с атрибутом name, как правило, без атрибута href;. Более современный подход заключается в использовании атрибута id на любом подходящем элементе)

Но в большинстве случаев это лучше использовать как :link, так и :visited, чтобы избежать риска стилизации a элементов, которые не являются связями. Затем вы должны использовать :link, :visited {...} для установки свойств для всех ссылок и :link {...} и :visited {...} для установки свойств для не связанных ссылок и для посещенных ссылок отдельно (как правило, для них разные цвета).

Разница в пределах :link и a:link, кроме специфики, заключается в том, что :link охватывает элементы, которые классифицируются как ссылки. Хотя в настоящее время только a элементы могут создавать ссылки, это может измениться в будущей версии HTML.

+1

Ваш ответ вдохновил меня написать что-то еще более подробно :) http://stackoverflow.com/questions/10587245/is-there-a-reason-to-use-a-instead-of-alink-or-avisited -в-моя-таблица стилей/10589840 # 10589840 – BoltClock

Смежные вопросы