Selectores
Un selector simple es un tipo de elemento HTML, por sí solo o inmediatamente seguido de cualquier combinación (en cualquier orden) de un solo Id., una o más clases y una pseudoclase. El selector universal (*) también se considera un selector simple, aunque se aplica a todos los elementos de una página. Si un selector coincide con un elemento de una página, se aplica la regla de estilo asociada al selector al elemento coincidente.
Los selectores simples se pueden encadenar con caracteres que indican la relación entre los selectores. Estos caracteres especifican las relaciones contextuales entre selectores simples, como las relaciones entre elementos descendientes, secundarios y adyacentes del mismo nivel. La siguiente regla de estilo reduce la cantidad de espacio entre los encabezados de nivel superior cuando aparecen adyacentes en el árbol del documento.
h1 + h2 {margin-top: -5mm;}
Para reducir el tamaño de las hojas de estilo, se pueden agrupar varios selectores en listas separadas por comas. El carácter de coma es un mecanismo de abreviación que se usa para aplicar un bloque de declaración a varios tipos de elementos.
h1, h2, h3 {font-family: helvetica;}
[!NOTA]
Al agrupar selectores, recuerde que la coma inicia un selector totalmente nuevo desde el principio.