[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"question-osnovy-css-chto-takoe-selektor":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},1018,"chto-takoe-selektor",32,"osnovy-css","Основы CSS","🎨","Что такое селектор?","Селектор — это правило, на основании которого браузер выбирает элементы в HTML-документе для применения к ним определённых стилей.\n\n> Аналогия из жизни: селектор — это как адрес на конверте. Письмо (стили) дойдёт только до того получателя (элемента), чей адрес (селектор) указан.\n\n### Структура CSS-правила\n\n```css\np {\n  text-align: center;\n  font-size: 20px;\n}\n```\n\n| Часть | Пример | Описание |\n|-------|--------|----------|\n| Селектор | `p` | Указывает, к каким элементам применить стили |\n| Свойство | `text-align`, `font-size` | Что именно стилизуем |\n| Значение | `center`, `20px` | Какое значение задаём |\n\nОдин селектор может содержать несколько объявлений (пар свойство-значение), и несколько селекторов могут быть объединены через запятую:\n\n```css\nh1, h2, h3 {\n  color: navy;\n  font-family: Arial, sans-serif;\n}\n```\n\n> **На собеседовании:** интервьюер ожидает чёткое определение и понимание структуры CSS-правила. Частая ошибка — путать селектор с самим CSS-правилом целиком.","","junior",[15,16,17],"css","основы","селекторы",[],null,{"title":21,"description":22,"ogTitle":23,"ogDescription":24,"keywords":25,"schemaAnswer":33,"featuredSnippetReady":34},"Что такое селектор в CSS — Gymterview","Что такое CSS-селектор: определение, структура CSS-правила (селектор, свойство, значение), группировка селекторов через запятую.","Что такое CSS-селектор — Gymterview","Определение CSS-селектора, структура правила, группировка через запятую. Подготовка к собеседованию.",[26,27,28,29,30,31,32],"CSS селектор","selector","CSS-правило","свойство","значение","структура CSS","собеседование","Селектор — правило, на основании которого браузер выбирает элементы в HTML-документе для применения стилей. CSS-правило состоит из селектора (к каким элементам), свойства (что стилизуем) и значения (какое значение задаём). Несколько селекторов могут быть объединены через запятую.",true]