CSS селектор элемента

Селектор типа (иначе называемый селектором элемента) позволяет применять CSS-стили ко всем элементам одного типа. В качестве селектора в CSS-коде используется название HTML-элемента, что позволяет применить стили ко всем элементам, которые имеют имя, совпадающее с именем селектора.

Например, можно задать красную строку для всех абзацев, используя имя элемента <p> в качестве селектора:

p { text-indent: 20px; }

Обратите внимание, что селектор не включает в себя символы < и >, в которые заключены соответствующие селектору HTML-элементы. Селектор элемента состоит только из имени соответствующего элемента!

При использовании селектора элемента, стиль будет применён ко всем элементам указанного типа, независимо от их уровня вложенности.

Пример

p { background-color: black; color: white; }
span { background-color: white; color: black; }

<p>Текст абзаца будет иметь белый цвет, расположенный на
чёрном фоне. И только текст, <span>расположенный внутри
элемента span</span>, будет написан чёрным цветом
на белом фоне.</p>