¿Qué es?
El selector de tipo (también llamado selector de elemento) usa directamente el nombre de la etiqueta HTML, sin puntos ni almohadillas. Selecciona todos los elementos de ese tipo que haya en el documento.
Ejemplo
p {
color: #333;
line-height: 1.6;
}
li {
list-style: none;
}El primer bloque aplica esos estilos a todos los <p>, y el segundo a todos los <li>, sin importar en qué parte del HTML estén ni qué clases tengan.
Combinar varios tipos con coma
Si varios elementos van a compartir el mismo estilo, se pueden agrupar separándolos con comas en vez de repetir el bloque completo.
h1,
h2,
h3 {
font-family: 'Space Grotesk', sans-serif;
font-weight: 600;
}A tener en cuenta: La especificidad de un selector de tipo es la más baja después del selector universal (
*): vale 0-0-1. Cualquier clase o ID lo va a pisar sin esfuerzo, así que es ideal para estilos base, no para casos puntuales.