Я изучение CSS в «W3Schools», в главе «ссылки», они говорят:почему «а: зависать должен прийти после: связь и: посетил (W3School)»?
" При установке стиля для нескольких состояний ссылок, есть некоторые правила порядка:
: с парением должно прийти после: ссылок и: посетил : с активным должен прийти после того, как: парить»
Я хочу знайте, почему правильный порядок - это LVHA, а не LHVA или другой.
Псевдоклассы должны быть объявлены в определенном порядке.
Мнемоника л о В е HA т.е всегда полезно для запоминания правильного порядка:
:link
:visited
:hover
:active
Каждый псевдо-класс соответствует событию, которое может только произойти позже в сроки чем раньше.
То есть:
Ссылка является заходило до его посещения.
Ссылка посещается до того, как она зависнет.
Ссылка активна, прежде чем она находится в активном использовании.
, так что, как вы сказали, правильный порядок: «l (существует) .H (зависает, затем нажимает, чтобы посетить) .A (когда я нажимаю, он активен использования) .V (посетили) "? – Vayne
Почти. Любая ссылка, с которой вы еще не взаимодействовали, является либо _unvisited_ (': link'), либо _visited_ (': visited') ... когда вы начинаете взаимодействовать со ссылкой, сначала вы _hover над ней_ (': hover'), а затем вы _click it_ (': active'). – Rounin
Основная причина в том, что последние правила выполняются после предыдущих найденных в документе, в CSS в порядке, а это означает, что поведение последнего будет выполняться после того, как все предыдущие правила совпавших выполняются. Поэтому их порядок имеет значение, чтобы избежать перекрытий, которые будут влиять на поведение друг друга.
Если, например, :link помещается после :visited, некоторое поведение :visited будет перекрываться, например, его цвет отображается, возможно, как обычная ссылка, несмотря на посещение.
Благодарим вас за ответ. Теперь я могу понять порядок «ссылок» и «посещений», «зависания» и «активных». Не могли бы вы дать мне объяснение и пример «посещенных» и «зависаний»? Я думаю, что правильный порядок: «Я нависаю над ним, а потом нахожу его», не так ли? – Vayne
Я рекомендую вам [MDN] (https://developer.mozilla.org/en/) вместо w3schools. См.: Http://www.w3fools.com/ –