Почему "a:hover ДОЛЖЕН идти после ссылки: и": посещенного (w3school) "？

Question

Я изучаю CSS в "w3schools", в главе "link" они говорят:

"При настройке стиля для нескольких состояний ссылок существуют некоторые правила порядка:

a: hover ДОЛЖЕН идти после a: link и a: посещения a: active ДОЛЖЕН идти после a: hover "

Я хочу знать, почему правильный порядок - LVHA, а не LHVA или другой.

Answer 1

Псевдоклассы должны быть объявлены в определенном порядке.

Мнемоническое L oV e HA te всегда полезно для запоминания правильного порядка:

:link
:visited
:hover
:active

Каждый псевдокласс соответствует событию, которое может произойти только позже на временной шкале, чем предыдущее.

То есть:

1. Ссылка не посещается перед посещением.

2. Ссылка посещается до того, как она наведена.

3. Ссылка находится перед активным использованием.

Answer 2

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

Если например :link ставится после :visitedнекоторое поведение :visited будет перекрываться, например, его цвет будет отображаться как обычная ссылка, несмотря на посещение.