Самоучитель CSS Справочник CSS Селекторы Стили по умолчанию Цвета CSS Единицы измерения
Селекторы CSS

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, будет написан чёрным цветом на белом фоне.

Копирование материалов с данного сайта возможно только с разрешения администрации сайта
и при указании прямой активной ссылки на источник.
2011 – 2025 © puzzleweb.ru | razumnikum.ru

Реклама на сайте | puzinfo@puzzleweb.ru