Unidad 9. Hojas de estilo CSS. Sintaxis. Selectores (II)

9.3. Tipos de selectores

En este vídeo puedes ver los tipos de selectores, identificadores, clases y pseudoclases:

El selector es el sujeto de la declaración, es decir, sobre quien se aplica la declaración. La declaración es la definición de la característica que se aplica sobre el selector. Por ejemplo, h1 { text-align: center } nos dice que sobre las etiquetas h1 se aplica el texto alineado al centro.

Existen varias formas de definir el selector, vamos a verlas a continuación.

1.- Definir selector con etiquetas.

Podemos indicar los nombres de las etiquetas separados por comas. La declaración se aplicará a todas las etiquetas que indiquemos. Por ejemplo, si queremos aplicar el color rojo a todas las etiquetas h2 y p, declaramos el estilo

h2, p { color: red } 

Para este fragmento de página:

<h2>Cabecera h2</h2>
<h3>Cabecera h3</h3>
<h4>Cabecera h4</h4>
<p>Párrafo uno</p>
<p>Párrafo dos</p>

Produce este resultado: