[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-css-perechislite-osnovnye-vidy-selektorov":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},1019,"perechislite-osnovnye-vidy-selektorov",32,"osnovy-css","Основы CSS","🎨","Перечислите основные виды селекторов","Основные виды селекторов в CSS определяют способ выбора элементов из DOM-дерева для применения стилей.\n\n| Вид селектора | Синтаксис | Описание | Пример |\n|---------------|-----------|----------|--------|\n| Универсальный | `*` | Выбирает все элементы | `* { margin: 0; }` |\n| Элемента (типа) | `tag` | Все элементы с указанным тегом | `div { ... }` |\n| Класса | `.class` | Все элементы с указанным классом | `.center { ... }` |\n| Идентификатора | `#id` | Элемент с указанным id | `#footer { ... }` |\n| Псевдокласса | `:pseudo` | Элементы в определённом состоянии | `p:first-of-type` |\n| Псевдоэлемента | `::pseudo` | Части элемента | `p::first-line` |\n| Атрибута | `[attr]` | Элементы по значению атрибута | `[href*=\"youtube\"]` |\n| Комбинированные | `A B`, `A > B`, `A + B`, `A ~ B` | Элементы по связи с другими | `div > p { ... }` |\n\n### Комбинаторы\n\n| Комбинатор | Пример | Описание |\n|------------|--------|----------|\n| Потомок (пробел) | `div p` | Все `p` внутри `div` (любая глубина) |\n| Дочерний `>` | `div > p` | Только прямые дочерние `p` |\n| Соседний `+` | `h1 + p` | Первый `p` сразу после `h1` |\n| Общий `~` | `h1 ~ p` | Все `p` после `h1` на том же уровне |\n\n> **На собеседовании:** важно не просто перечислить, а показать понимание разницы между ними. Частая ошибка — забыть про комбинаторы и псевдоэлементы.","","junior",[15,16,17],"css","комбинаторы","селекторы",[],null,{"title":21,"description":22,"ogTitle":23,"ogDescription":24,"keywords":25,"schemaAnswer":33,"featuredSnippetReady":34},"Основные виды селекторов в CSS — Gymterview","Виды CSS-селекторов: универсальный, элемента, класса, идентификатора, псевдокласса, псевдоэлемента, атрибута, комбинированные. Комбинаторы: потомок, дочерний, соседний, общий.","Виды CSS-селекторов и комбинаторы — Gymterview","Полный обзор видов CSS-селекторов: элемента, класса, id, псевдокласса, атрибута. Комбинаторы: потомок, дочерний, соседний.",[26,27,28,29,30,31,32],"виды селекторов CSS","универсальный селектор","селектор класса","селектор id","комбинаторы CSS","псевдоэлемент","собеседование","Основные виды: универсальный (*), элемента (tag), класса (.class), идентификатора (#id), псевдокласса (:pseudo), псевдоэлемента (::pseudo), атрибута ([attr]), комбинированные (A B, A > B, A + B, A ~ B). Комбинаторы: потомок (пробел) — любая глубина, дочерний (>) — прямые потомки, соседний (+) — первый после, общий (~) — все после на том же уровне.",true]