Universal selector in CSS

The universal selector * allows you to select all elements.

Syntax

* {
	
}

Let's select all the elements and color them red:

* {
	color: red;
}

Let's select all the elements inside the div tag and color them red:

div * {
	color: red;
}

Let's select all the elements directly inside the div tag and color them red:

div > * {
	color: red;
}

Let's select all elements that are inside the span tag, which in turn is inside any tag that in turn is inside the div tag:

div * span {
	color: red;
}