[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-css-chto-takoe-psevdoklass":3},{"id":4,"slug":5,"topicId":6,"topicSlug":7,"topicName":8,"topicEmoji":9,"question":10,"answer":11,"codeLang":12,"codeSrc":12,"important":12,"commonMistakes":12,"modernUsage":12,"difficulty":13,"tags":14,"related":18,"progress":19,"seo":20},1020,"chto-takoe-psevdoklass",32,"osnovy-css","Основы CSS","🎨","Что такое псевдокласс?","Псевдокласс — это ключевое слово, добавляемое к селектору через `:`, которое определяет особое состояние элемента. В отличие от обычного класса, псевдокласс не указывается явно в HTML.\n\n### Группы псевдоклассов\n\n| Группа | Псевдоклассы | Описание |\n|--------|-------------|----------|\n| Состояние ссылок | `:link`, `:visited` | Непосещённые и посещённые ссылки |\n| Действия пользователя | `:hover`, `:active`, `:focus` | Наведение, клик, фокус |\n| Структурные | `:first-child`, `:last-child`, `:nth-child(n)` | Позиция элемента среди соседей |\n| Типовые | `:first-of-type`, `:last-of-type`, `:nth-of-type(n)` | Позиция среди элементов того же типа |\n| Отрицание | `:not(selector)` | Элементы, не подходящие под селектор |\n| Формы | `:checked`, `:disabled`, `:required`, `:valid` | Состояние элементов форм |\n\n### Пример использования\n\n```css\na:link    { color: blue; }\na:visited { color: purple; }\na:hover   { text-decoration: none; background-color: yellow; }\na:active  { color: red; }\n```\n\n### Порядок псевдоклассов ссылок (LVHA)\n\nДля корректной работы псевдоклассы ссылок указываются в порядке: `:link` → `:visited` → `:hover` → `:active` (мнемоника LoVe HAte).\n\n> **На собеседовании:** интервьюер хочет услышать определение и знание основных групп. Частая ошибка — путать псевдоклассы (`:hover`) с псевдоэлементами (`::before`), а также не знать правило порядка LVHA.","","junior",[15,16,17],"css","псевдоклассы","селекторы",[],null,{"title":21,"description":22,"ogTitle":23,"ogDescription":24,"keywords":25,"schemaAnswer":35,"featuredSnippetReady":36},"Что такое псевдокласс в CSS — Gymterview","Псевдоклассы CSS: определение, группы (ссылки, действия, структурные, формы), порядок LVHA (LoVe HAte), отличия от псевдоэлементов.","Псевдоклассы CSS: hover, focus, nth-child и другие — Gymterview","Что такое псевдокласс, группы псевдоклассов, порядок LVHA для ссылок, отличие от псевдоэлементов.",[26,27,28,29,30,31,32,33,34],"псевдокласс CSS","hover","focus","nth-child","first-child","LVHA","LoVe HAte","псевдоэлемент","собеседование","Псевдокласс — ключевое слово, добавляемое к селектору через двоеточие, определяющее особое состояние элемента. Группы: состояние ссылок (:link, :visited), действия пользователя (:hover, :active, :focus), структурные (:first-child, :nth-child), типовые (:first-of-type), отрицание (:not), формы (:checked, :disabled). Порядок для ссылок — LVHA (LoVe HAte): :link → :visited → :hover → :active.",true]