Curso de CSS
Dale estilo y vida a la web.
Aprende CSS con ejemplos interactivos y crea proyectos reales.
Cuando necesitas estilizar solo algunos elementos (no todos los de un tipo), usas clases (reutilizables) o IDs (únicos).
Explicación
Las clases y los IDs te permiten ser más selectivo que con el nombre de la etiqueta:
.claseSelecciona todos los elementos que tengan ese atributo class. Se puede repetir en varios elementos.
#idSelecciona el único elemento con ese atributo id. Un id no debería repetirse en la misma página.
class="a b"Un elemento puede tener varias clases al mismo tiempo, separadas por espacios.
Reto rápido
Agrega la clase alerta a un segundo párrafo para reutilizar el mismo estilo.
En esta lección
- Ejemplo interactivo
- Explicación de cada etiqueta
- Cuándo usarlo
- Errores comunes
Consejo
Usa clases para estilos que se repiten (botones, tarjetas, alertas) y reserva los IDs para casos únicos, como anclas de navegación.
Dato extra
Los IDs tienen más prioridad que las clases al decidir qué estilo gana si hay conflicto. Por eso muchos desarrolladores los evitan para estilos y los reservan para JavaScript o anclas.
Error común
Olvidar el punto (.) antes de una clase o el numeral (#) antes de un id en el selector: sin ellos, CSS los interpreta como nombres de etiquetas que no existen.
Siguiente paso
Ya puedes seleccionar por clase o id. El siguiente paso es combinar selectores para casos más específicos.
Ir a la siguiente lección