В чем разница между a
и a:link
, и когда я использую один над другим?Разница между «a» и «a: link»
ответ
a:link
предназначено специально для ссылок, которые не были посещены. a
распространяется на все элементы <a>
.
«ссылки» для целей ': link' и': visited' определены в HTML 4 как '' элементы с атрибутом 'href'. Другими словами, 'a: link, a: visited' соответствует точно таким же элементам, что и' a [href] ', тогда как' a' соответствует любым элементам независимо от того, присутствует ли этот атрибут. Это определение информативно упоминается в [спецификациях селекторов CSS2.1] (http://www.w3.org/TR/CSS21/selector.html#link-pseudo-classes). – BoltClock
Я не был на 100% уверен в этом, поэтому я не включил его в свой ответ. Спасибо, что поделились. Это хорошо знать. –
И почему это было приостановлено? – BoltClock
ответ и комментарии к нему хорошо описывают значения селекторов, но решить вопрос, как спросил я думаю, что нам нужно добавить эти Джона 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.
Ваш ответ вдохновил меня написать что-то еще более подробно :) http://stackoverflow.com/questions/10587245/is-there-a-reason-to-use-a-instead-of-alink-or-avisited -в-моя-таблица стилей/10589840 # 10589840 – BoltClock
- 1. Разница между a и a: link и другими
- 2. Есть ли разница между A a; и A a = A()?
- 3. В чем разница между A a; и A a() ;?
- 4. В чем разница между `* a =` и `= * a`?
- 5. Python - разница между 'a' и "a"?
- 6. разница между печатью ('a') и 'a'
- 7. Разница между 'a == null' и 'null == a'
- 8. В чем разница между «a» и «a»?
- 9. Разница между int * a и char * a?
- 10. разница между A aaa; и A aaa();
- 11. Разница между a = b и b = a?
- 12. Разница между a = a || б и || = б
- 13. Perl speed: разница между $ a = $ a. $ B и $ a. = $ B
- 14. Разница между назначением метода объекта ES6: a, 'a' и ['a']?
- 15. Разница между || a = b и a = a || b в рубине?
- 16. Разница между a - = b и a = a - b в Python
- 17. Разница между a + = 1 и a = a + 1 в C#
- 18. В чем разница между a = a + b и a + = b?
- 19. Разница между a + = b и a = a + b в Java
- 20. A: link supersedes .class A: link?
- 21. Разница между Student & a, Student & a;
- 22. указатели и разница между a = 1 и * a = 1
- 23. Есть ли разница между a^2 и a^2L?
- 24. Разница между String.valueOf (long a) и конкатенацией ("" + a)
- 25. разница между $ a == 5 и 5 == $ a в php
- 26. Какая разница между a == b и (a & b) == b
- 27. Разница между регулярным выражением [A-z] и [a-zA-Z]
- 28. Какая разница между a = x и a = x [:] в python
- 29. В чем разница между A и A [] в параметре функции?
- 30. Разница между $ ('# foo'). Remove ('a') и $ ('# foo'). Find ('a'). Remove()
Я бы рекомендовал всегда использовать первый, между прочим. – Ryan
@minitech: Будьте осторожны со спецификой - классы и псевдоклассы равны, что может быть хорошим или плохим в зависимости от того, как вы пишете селектор. Обычно я рекомендую использовать его для стилей, которые, как я знаю, не будут меняться ни в одном из других состояний ссылок, а использовать переопределения только тогда, когда это необходимо. Например, некоторые стили шрифта или что-то более продвинутое - переходы. – BoltClock