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>
Результат
Текст абзаца будет иметь белый цвет, расположенный на чёрном фоне. И только текст, расположенный внутри элемента span, будет написан чёрным цветом на белом фоне.