Agrupaciones de estilos

Agrupación de selectores

Cuando varios elementos comparten la misma propiedad CSS, podemos agruparlos:

h1, h2, h3, h4, h5, h6 {color: purple;}

h1, h2, h4 {color: purple;}
h2, h3 {background: green;}
h1, h4, b {background: white;}
b3 {color: white;}
b {color: red;}


Agrupación de declaraciones

Podemos agrupar las diferentes reglas que definen a un mismo elemento.

h1 {
font: 18pt Helvetica;
color: purple;
background: aqua;
}

Agrupación de selectores y declaraciones

body {
background: white;
color: gray;
}

h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, sans-serif;
color: white;
background: black;
}

h1, h2, h3 {
border: 2px solid gray;
font-weight: bold;
}

h4, h5, h6 {
border: 1px solid gray;
}

Programacion.com