En CSS, ¿cuál es la diferencia entre .btn y #btn?

Opciones

1. No hay diferencia entre los dos selectores
2. .btn apunta a una clase (muchos); #btn, a un id (uno) (Opción correcta)
3. #btn apunta solo a los elementos botón de una página
4. .btn no es un selector válido en CSS moderno

Respuesta

.btn apunta a los elementos con class="btn" (pueden ser muchos); #btn apunta al elemento con id="btn" (debería ser único)

Por qué

Una clase (.) es una etiqueta reutilizable: muchos elementos pueden compartir class="btn".

Un id (#) debe identificar exactamente un elemento por página.

Para dar estilo se prefieren las clases: los IDs tienen una especificidad muy alta, lo que los hace difíciles de sobrescribir después.

Recuerda

. = clase (muchos), # = id (uno).

Términos clave

• Selector CSS
• Especificidad
• CSS
• Clase