Curso de CSS
Dale estilo y vida a la web.
Aprende CSS con ejemplos interactivos y crea proyectos reales.
El selector más básico apunta directamente al nombre de una etiqueta HTML, como p o h1. Afecta a todos los elementos de ese tipo en la página.
Explicación
Los selectores de elemento seleccionan directamente por nombre de etiqueta:
pSelecciona todas las etiquetas <p> de la página.
h2Selecciona todas las etiquetas <h2>.
*El selector universal: aplica el estilo a absolutamente todos los elementos.
Reto rápido
Agrega una regla para el selector h2 que cambie su color y alineación.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Los selectores de elemento son útiles para estilos base que quieres en toda la página, como la tipografía general.
Dato extra
El selector universal (*) es potente pero se usa con cuidado: aplicar estilos a "todo" puede tener efectos inesperados en elementos que no imaginabas.
Error común
Usar mayúsculas en el nombre de la etiqueta (P en vez de p). No genera error, pero por convención siempre se escriben en minúsculas.
Siguiente paso
Seleccionar por etiqueta afecta a todos los elementos iguales. Ahora veamos cómo seleccionar solo algunos, con clases e IDs.
Ir a la siguiente lección