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 ):

h1,
h2,
h3 {
      color: green;
}

Maximizar

Seleccionar

CSS

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

<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

AJinfog

Buscar este blog

Agrupación de selectores CSS

Etiquetas

Comentarios

Publicar un comentario

Entradas populares de este blog

Blogger - Marcadores Sociales Flotantes con la opción de cerrar

Blogger - Marcadores Sociales flotantes en la parte superior de la pagina

Blogger - Como crear un botón Mi Yahoo