Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про CSS: css, pseudo-classes

Каков идеальный порядок селекторов псевдоклассов?

Вопрос проверяет знание порядка применения псевдоклассов для последовательного и предсказуемого управления стилями элементов.

Короткий ответ

В CSS порядок применения псевдоклассов имеет значение, особенно когда несколько псевдоклассов могут быть одновременно применены к одному элементу. Чтобы правильно определить стили для таких ситуаций, существует порядок LVHA: :link, :visited, :hover, :active.

Этот порядок помогает обеспечить корректное отображение стилей для интерактивных элементов, таких как ссылки.

Длинный ответ

В CSS важно учитывать порядок применения псевдоклассов, так как элемент может удовлетворять нескольким псевдоклассам одновременно. Например, ссылка может одновременно соответствовать псевдоклассам :hover и :active, если пользователь кликает на неё, не убирая курсор. 

Чтобы обеспечить правильное применение стилей, используется порядок LVHA: 

  • :link (нормальная ссылка), 

  • :visited (посещённая ссылка), 

  • :hover (ссылка под курсором),

  • :active (ссылка во время клика). 

Этот порядок помогает предотвратить конфликты стилей и сделать интерфейс более предсказуемым для пользователей.

Уровень

  • Рейтинг:

    3

  • Сложность:

    7

Навыки

  • CSS

    CSS

Ключевые слова

#css

#pseudo-classes

Подпишись на React Developer в телеграм