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

Curso 3D básico para arquitectos (GRATIS) - parte 2

PAGINA ANTERIOR IMPORTAR POLÍGONOS DESDE 3DSMAX     Hasta ahora nos hemos centrado únicamente en la modelación de la casa en cadkey, una vez terminada ésta y creado el archivo de polígonos en formato dwg vamos a importar desde  3dsmax  el archivo casa-ejemplo.dwg que tenemos guardado en nuestro escritorio. Para ello abrimos el programa 3dsmax10 y en la pestaña archivo seleccionamos importar-dwg,  en la opción Files of type elegimos   Legacy AutoCAD y seguidamente en el escritorio ( desktop ) seleccionamos el archivo que habíamos creado.
Publicar un comentario
Ver todo »

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

El truco se ve de la siguiente manera: Puede ver un Demo de este truco en el siguiente  blog de pruebas .
Ver todo »

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

Los marcadores sociales son algo con lo cual todo blog debe contar, y hoy les traigo un excelente truco en el cual los  marcadores sociales  se ubican en la parte superior de la pagina y al bajar la pagina los marcadores bajan con ella. Los botones se verán de la siguiente manera:
Ver todo »