Los selectores de etiqueta, también denominados selectores de tipo, son aquellos en los que se indica el

nombre de la etiqueta HTML a la que se le asignará una propiedad CSS. Por ejemplo, podemos aplicar un
tamaño de un 1 rem y un color azul a todos los encabezados h2 de nuestro documento empleando la
siguiente regla:

Dato: 1 rem equivale a 16px

Para utilizar este selector, solamente es necesario indicar el nombre de una etiqueta HTML (sin los
caracteres < y >) correspondiente a los elementos que se quieren seleccionar.

En el siguiente ejemplo como podemos observar, selecciona todos los párrafos de la página y le asigna
un color a la letra, en este caso ese color es negro.

Los selectores de tipo tienen la ventaja de que, con un simple cambio en la Hoja de Estilo, podemos
modificar el aspecto de todos los elementos de ese tipo en todas las páginas de nuestro sitio. Esa es
también su limitación: su utilidad se limita al caso en que todos los elementos de un tipo tengan la
misma apariencia en cada una de nuestras páginas.

Para poder introducirnos en todo lo que nos ofrece esta etiqueta y como podemos integrarla en
nuestras páginas, observaremos más ejemplos con su debida explicación
Si se desea aplicar los mismos estilos a dos etiquetas diferentes, se pueden encadenar los selectores. En
el siguiente ejemplo, los títulos de sección h1, h2 y h3 comparten los mismos estilos:

En este caso,
CSS nos permite agrupar todas las reglas individuales en una sola regla con un selector múltiple. Para
ello, se incluyen todos los selectores separados por una coma (,), como podemos apreciar en la siguiente
imagen:

En las hojas de estilo complejas, es habitual agrupar las propiedades comunes de varios elementos en
una única regla CSS y posteriormente definir las propiedades específicas de esos mismos elementos.
Como podemos darnos cuenta en el ejemplo a continuación: