Selector universal

<< Selector hermano general Modelo de cajas >>

El selector universal se representa con un * y es la forma de aplicar ciertos estilos en todos y cada uno de los elementos HTML correspondientes. 

form *{
    border-radius: 5px;
    background-color: darkcyan;
    color: white;
}
.btn{
    margin: 2px;
}

Estaríamos seleccionando todos los elementos que se encuentran dentro del elemento form, ya sean botones o no.

El selector universal se suele utilizar para resetear propiedades de un documento como son los distintos márgenes que algunos navegadores ponen.

* { /* Eliminamos los márgenes internos y externos de todos los elementos del HTML */
     margin: 0;
     padding: 0;
}

<< Selector hermano general Modelo de cajas >>