5 - Agrupación de varias marcas HTML con una misma regla de estilo.


Esta característica nos permite ahorrar la escritura de reglas duplicadas para diferentes marcas HTML.
Supongamos que queremos la misma fuente y color para las marcas h1,h2 y h3 luego podemos implementarlo de la siguiente manera:

<html>
<head>
<title>Problema</title>
<style type="text/css">
h1,h2,h3 {
  font-family:verdana;
  color:#0000ff;
}
</style>
</head>
<body>
<h1>Título de nivel 1</h1>
<h2>Título de nivel 2</h2>
<h3>Título de nivel 3</h3>
</body>
</html>
Es decir, separamos por coma todas las marcas a las que se aplicará la misma regla de estilo:
h1,h2,h3 {
  font-family:verdana;
  color:#0000ff;
}