Selector universal

¿Qué es?

El selector universal se escribe con un asterisco (*) y selecciona todos los elementos del HTML, sin importar la etiqueta, clase o id que tengan. Es el selector más amplio que existe en CSS.

Ejemplo

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

Este es justamente el uso más común: un "reset" básico que quita el margen y padding por defecto que el navegador le pone a cada elemento, y fuerza box-sizing: border-box en todos lados para que los tamaños sean más predecibles.

Combinado con otro selector

También se puede usar dentro de un contenedor específico, para aplicar el estilo solo a sus descendientes:

.card * {
  box-sizing: border-box;
}

Acá .card * selecciona todos los elementos que estén dentro de cualquier elemento con clase .card, sin afectar al resto de la página.