Agrupación de selectores CSS

En un documento, a menudo encontramos elementos que comparten algún estilo entre ellos, por ejemplo el color. En estos casos podemos utilizar la coma ( , ) para agrupar selectores para cada elemento y definir el estilo una sola vez.


Por ejemplo, imaginemos que usamos títulos <h1>, <h2> y <h3> y todos son de color verde ( green ):

000 001 002 003 004

h1, h2, h3 {       color: green; }  Maximizar   Seleccionar   CSS

Podemos utilizar la coma para agrupar selectores de diferentes tipos, por ejemplo:

000 001 002 003 004 005 006 007 008 009 010 011 012 013 014 015 016 017 018

<html>     <head>         <title>Ejemplo</title>         <style>         h1,         h2,         .verde {               color: green;         }         </style>     </head>     <body>         <h1>Titulo 1</h1>         <h2>Titulo 1.1</h2>         <p>Párrafo 1 con su texto y unas palabras <span class="verde">resaltadas en verde</span></p>         <h2>Titulo 1.2</h2>         <p>Párrafo 1 con su texto y unas palabras <span class="verde">resaltadas en verde</span></p>     </body> </html>  Maximizar   Seleccionar   CSS,XML