Selectores de tipo

Las propiedades de estilo se "enganchan" con los elementos y etiquetas HTML. A esto se le llama selector de tipo.

La sintaxis de un selector de tipo consiste en el nombre de la etiqueta seguido de la declaración de estilo entre llaves.


selector { declaración de estilo }
 

Ejemplo


div { background-color: red;}
 

Observe que se indica únicamente el nombre del elemento HTML, sin los signos menor que (<) y mayor que (>). Es decir, solamente el texto de la etiqueta.

Esto puede leerse como: "aplicar a todas las etiquetas de división <div> el efecto de estilo descrito entre llaves".

También es posible aplicar el mismo efecto de estilo a distintos selectores de etiqueta. En este caso, cada una de las etiquetas implicadas se escribe separada con una coma.

Por ejemplo:


h1,h2,h3 { declaración de estilo }
 

Lo que significa que las etiquetas <h1>, <h2> y <h3> tendrán el mismo efecto descrito entre llaves.

Si desea saber más, le proponemos el siguiente libro:
couv_RIT35HTM.png
60-signet.svg
Versión impresa
20-ecran_lettre.svg
Versión online
41-logo_abonnement.svg
En ilimitado con la suscripción ENI
130-boutique.svg
En la tienda oficial de ENI
Anterior
Selectores
Siguiente
Selectores de clase