Selector universal en CSS

El selector universal * permite seleccionar todos los elementos.

Sintaxis

css* {
  
}

Ejemplo

Seleccionemos todos los elementos y cambiemos su color a rojo:

css* {
  color: red;
}

Ejemplo

Seleccionemos todos los elementos que se encuentran dentro de la etiqueta div y cambiemos su color a rojo:

cssdiv * {
  color: red;
}

Ejemplo

Seleccionemos todos los elementos que se encuentran directamente dentro de la etiqueta div y cambiemos su color a rojo:

cssdiv > * {
  color: red;
}

Ejemplo

Seleccionemos todos los elementos que se encuentran dentro de la etiqueta span, que a su vez se encuentra dentro de cualquier etiqueta que esté dentro de la etiqueta div:

cssdiv * span {
  color: red;
}

Ver también