Xiper

Селектор типа

Автор: Александр Головко Дата публикации:

Предыдущая статья Универсальный селектор

Описание селектора:

  • Выполняемая задача — выбор всех элементов определенного типа.
  • Обозначение — имя соответствующего тега.
  • Пример использования:

во всех абзацах (тег p) установить размер шрифта 12px

p {
	font-size: 12px;
}

Подробнее про селектор типа

Фактически — это просто имя тега. Стили применяются ко всем элементам указанного типа не зависимо от уровня вложенности.

Примеры:

/* фрагмент сброса стилей. С помощью селекторов типа, задаем индивидуальные стили для конкретных тегов */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
a {
	color: #287fc3;
	text-decoration: underline;
}
textarea {
	font: 100% Arial, Helvetica, sans-serif;
	padding: 0;
} 

Область применения

Все просто и понятно. Один из самых предсказуемых селекторов: определился с именем тега — получил результат. Как правило, применяется для задания общих, для всех элементов определенного типа, стилей.

Обычно, при верстке приходится задавать индивидуальные стили для разных элементов одного типа. Допустим, один абзац должен быть с отступом, а второй — без отступа. Селектор типа тут бессилен. На помощь приходит концепция классов и идентификаторов.

Следующая статья — Селектор класса.