CSS стилизация ссылок: почему: ссылка, посещение против просто

Question

Интересно, почему я не могу или не должен использовать

a { ... }

против

a:link, a:visited { ... }

Answer 1

Если вы используете стиль только a {...}, тогда стиль будет применяться ко всем элементам привязки, включая элементы <a name="..."></a>, которые определяют привязку на странице, но не ссылаются на гиперссылку.

a:link {...}конкретно относится к гиперссылкам.:visited, :hover и :active - это разные состояния этих ссылок.Обратите внимание, что :hover и :active могут применяться и к другим элементам.

Answer 2

Вы можете предоставить общий стиль для своих ссылок только с a.Более конкретные стили могут быть применены к псевдоклассам.Например:

a {
    text-decoration: none;
    font-weight: bold;
}

a:link {
    color: #00F;
}

a:hover {
    color: #F00;
}

a:visited {
    color: #888;
}

a:active {
    color: #0F0;
}

В этом примере все ссылки выделены жирным шрифтом и не подчеркнуты.Но цвет меняется для каждого типа ссылки ...

Answer 3

Это просто вопрос того, хотите ли вы иметь другой стиль для посещенной ссылки по сравнению с обычными ссылками или нет (например, затемнение ссылки, я уже был там)

Только a допустимо, но хотите ли вы дать :visited или :hover ссылкам специальный стиль, например?

Answer 4

В то время как первая a относится ко всем ссылкам, :link и :visited относятся к конкретным состояниям этих ссылок.

Первый относится к не посещенным ссылкам, а второй - к посещенным. см. http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes для получения дополнительной информации.

Answer 5

a:link - для невидимой ссылки, а a:visited - для ссылки, которую посетил пользователь. Обычно пользователь хочет, чтобы какой-то способ различать их, в этом случае вы будете стилизовать их по отдельности. Если вы не хотите каких-либо различий (например, меню), тогда просто a.

Answer 6

: с посещением означает, что вы пытаетесь присвоить ссылке стиль, который был посещен пользователем ранее, и: hover означает, что вы пытаетесь присвоить ссылке стиль, когда пользовательская мышь над этой ссылкой. Вы можете или не можете использовать его. Это ваш выбор.