См. интсрукция по ruweb.
Где располагается селектор?
25.02.2026 17:21 / Марат / Смотрели : 53 / css | селектор |"Расположение селектора.". "Где располагается селектор?" Если вы ещё не разобрались с селектором, то давайте повторим немного тему селектора в той части, где конкретно располагается селектор!?
Всё о расположении селекторов...
- Основное расположение селектора.
- Расположение селектора во внешнем CSS‑файле.
- Внутри тега <style> в HTML.
- Селектор в медиа‑запросах (@media).
- Селектор внутри псевдоклассов и псевдоэлементов.
-
Основное расположение селектора.
-
Расположение селектора во внешнем CSS‑файле.
-
Внутри тега <style> в HTML.
-
Селектор в медиа‑запросах (@media).
-
Селектор внутри псевдоклассов и псевдоэлементов.
Я уже касался темы селектора, но где располагается селектор!?
Селектор всегда находится в начале CSS‑правила, перед блоком объявлений (свойств и значений). Общая структура CSS‑правила:
селектор {
свойство: значение;
свойство: значение;
}
Пример:
h1 {
color: blue;
font-size: 24px;
}
Здесь h1 — селектор, который выбирает все заголовки первого уровня.
Селекторы располагаются внутри файла стилей(CSS‑файл), подключённого к HTML через
<link>
.
<link rel="stylesheet" href="styles.css">
#header { background: #333; }
.button { padding: 10px 20px; }
p { line-height: 1.5; }
Селекторы пишутся внутри тега <style>(тег style) в <head> HTML‑документа.
<head>
<style>
/* Селекторы внутри <style> */
body { font-family: Arial; }
.menu { list-style: none; }
</style>
</head>
Здесь : селекторы :
Селекторы помещаются внутри блока @media, чтобы применять стили только при определённых условиях (ширина экрана, ориентация и т. д.).
@media (max-width: 768px) {
/* Селекторы внутри медиа‑запроса */
.sidebar { display: none; }
h1 { font-size: 18px; }
}
Здесь селектор :
Селектор может комбинироваться с псевдоклассами (:hover, :focus) или псевдоэлементами (::before, ::after).
a:hover {
text-decoration: underline;
}
p::first-line {
font-weight: bold;
}
a:hover — селектор + псевдокласс;
p::first-line — селектор + псевдоэлемент.
Думаю... на этом достаточно!
Последнние комментарии:
14.12.2025 :комменты вернулись!
Марат 
17.03.2026 14:29 Марат 22.02.2026 17:34 Марат 10.01.2026 23:29 Марат 05.01.2026 19:49 Марат 04.01.2026 19:17