Ir al contenido principal

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;
}

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>

Etiquetas:

Comentarios

Publicar un comentario

Entradas populares de este blog

Como descargar e instalar Fuentes en tu PC

Los  distintos tipos de letras nos permiten generar trabajos impresos de mejor calidad.  De allí la importancia de poseer en nuestra computadora de un gran número de fuentes entre las cuales elegir. Tanto los   profesionales del diseño gráfico   como todos aquellos que solemos utilizar nuestra computadora para realizar trabajos impresos, conocemos la importancia de disponer de un importante número de fuentes. 
Publicar un comentario
Ver todo »

(Blogger) Corazones que sube por el blog

Cupido ya está a la vuelta de la esquina y ahora no es el amor el que está en el aire sino los corazones, muchos corazones. Giffy.me  nos ofrece estos dos scripts que harán que tu blog se inhunde de romanticismo al mostrar muchos  corazones subiendo como globos por el blog . Son dos diseños, el primero son corazones color rosa de un tamaño mediano, el segundo son corazones pequeños en color rojo; en ambos casos los corazones subirán por la página moviéndose de un lado al otro.
Publicar un comentario
Ver todo »

C# - Jerarquia de Operaciones - .NET

El problema de no tomar en cuenta la jerarquía de los operadores al plantear y resolver una operación casi siempre conduce a resultados muchas veces equivocados como estos:
Publicar un comentario
Ver todo »