Звёздочка (*) в CSS — универсальный селектор

Звёздочка (*) в CSS — универсальный селектор

Звёздочка (*) в CSS — это универсальный селектор, оформление которого применяется к каждому элементу HTML. Например, чтобы определить всему тексту страницы шрифт «Comic Sans MS», нужно в файле стилей сделать такую запись:

* {
	font-family: "Comic Sans MS";
}

Пример

Раньше, возможно и сейчас, комбинацию «* {...}» часто использовали для сброса стилей, однако я бы этого не делал, так как сброс, в таком случае, будет изменять значения CSS-свойств всех элементов HTML, а многим из них это вовсе не нужно. Наиболее эффективно, по-моему, использовать универсальный селектор в контексте вложенных и дочерних селекторов; например так:

form * {
	font-family: "Comic Sans MS";
}

form > * {
	color: red;
}
↑
↓