Таким образом, мы обязаны использовать следующий заказ для псевдоклассов привязки CSS
a:link { color: red }
a:visited { color: blue }
a:hover { color: yellow }
a:active { color: lime }
Но мой вопрос состоит в том почему беспокойство с a:link частью? Скорее есть ли любое преимущество для вышеупомянутого (кроме, возможно, ясности) закончено:
a { color:red; } /* notice no :link part */
a:visited { color: blue; }
etc.,etc.
: ссылка
выбирает непосещенные ссылки, то есть: якоря с атрибутом href
, которые не были посещены браузером (независимо от того, какое определение поставщик браузера имеет для «посещенного»).
Если у него есть : ссылка
, то он никогда не будет соответствовать
объекту foo, на который нужно связать
(Хотя в наши дни вы должны использовать
.) foo, который будет связан с
Кроме того, он проясняет, для чего он нужен .
a {color: orange} a: link {color: blue} a: посетил {color: indigo} a: hover {color: green} a: active {color: lime}
мой якорь без href
мой якорь без href
(У них также разные уровни специфичности )
Просто «a» относится ко ВСЕМ возможным ссылкам (непосещенным, посещенным, зависшим и активным), тогда как «a: link» относится только к обычным непосещенным ссылкам.
Если вы используете «a» вместо «a: link», вы устанавливаете CSS по умолчанию для ВСЕХ ссылок на любое значение «a». В этом конкретном случае, поскольку вы указываете каждый возможный псевдокласс, по существу не имеет значения, говорите ли вы «a: link» или просто «a»
. Итак, в первой группе, где вы записываете все псевдоклассы (a: ссылка, a: посещено и т. д.), вы указываете CSS для каждого возможного случая ВНУТРИ "a"
a:link { color: red } //set unvisited links to red
a:visited { color: blue } //set visited links to blue
a:hover { color: yellow } //set hovered links to yellow
a:active { color: lime } //set active links to lime
Во второй группе, где вы просто пишете "a", вы фактически устанавливаете CSS по умолчанию для всех ссылок на то, что вы пишете в первой строке, а затем переопределяете CSS для других псевдоклассов
a { color: red } //set ALL links to red!
a:visited { color: blue } //hm, never mind, let's set visited links to blue
a:hover { color: yellow } //hm, never mind, let's set hovered links to yellow
a:active { color: lime } //hm, never mind, let's set active links to lime
http://www.w3schools.com/css/css_pseudo_classes.asp
: ссылка - это когда ссылка не посещена. Итак, когда есть привязка с атрибутом href, и пользователь никогда не был на странице за привязкой.