Справочник HTML & CSS

tag

Селектор по тегу выбирает все элементы с этим тегом, универсальный селектор `*` — вообще все элементы.

Синтаксис

p { … }  * { … }

Параметры

Параметр	Тип	Описание
tag	name	Имя тега без угловых скобок: `p`, `h1`, `button`.
*	universal	Подходит любой элемент.

Примеры

Всем абзацам — один цвет:

<style>
  p { color: steelblue; }
  h3 { margin: 0; }
</style>
 
<h3>Title</h3>
<p>Every paragraph is blue.</p>
<p>This one too.</p>

* часто используют для сброса стилей, который действует на всю страницу:

<style>
  * { box-sizing: border-box; }
  div { width: 200px; padding: 20px; background: khaki; }
</style>
 
<div>Exactly 200px wide, padding included</div>

Примечания

У селекторов по тегу самая низкая специфичность, поэтому они хороши для базовых стилей: правило с классом легко их перекрывает. Не стилизуйте всё через теги — компонент, оформленный одним div, сломается, как только рядом появится другой div.

См. также

.class — Выбирает элементы, у которых в атрибуте `class` есть указанный класс.
#id — Выбирает единственный элемент с указанным атрибутом `id`.
A, B — Список селекторов: одно правило для нескольких селекторов через запятую.

В учебнике

Селекторы — Как выбрать элементы для оформления — по тегу, классу, id, вложенности и атрибуту.

Спасибо, что читаете!

tag