DIFERENCIAS ENTRE EL SELECTOR CLASS Y EL SECTOR ID

El valor del atributo “id” de un elemento es único; es decir, no debería haber otro elemento con el mismo nombre de identificador (id) dentro de tu documento HTML. Para declarar un selector de «id» lo podemos hacer de la siguiente manera.

SELECTOR CLASS

Hoy en día CSS nos permite múltiples selectores de forma que podemos aplicar estilos a cada uno de los elementos de nuestro desarrollo sin necesidad de aplicar nombres de clase o id. Vamos a realizar un repaso de ellos viendo ejemplos prácticos de su uso. Para ello, utilizaremos la siguiente estructura de elementos anidados a los que iremos aplicando diferentes estilos para así explicar el uso de dichos selectores (más allá de ciertos estilos que he aplicado al documento para su correcta visualización)

SELECTOR ID

Los selectores ID le permiten asignar nombres significativos a elementos HTML concretos. A diferencia de los selectores de clase, que sirven para un tipo de elementos (por ejemplo, todos los elementos del tipo <h1>) y que se pueden utilizar dentro de un documento todas las veces que se desee, los selectores ID se utilizan para un solo elemento (por ejemplo, un <h1>) y que se pueden utilizar dentro de un documento todas las veces que se desee, los selectores ID se utilizan para un solo elemento (por ejemplo <h1> concreto) y, por eso, sólo puede aparecer una vez en el documento HTML.

DIFERENCIAS ENTRE ID Y CLASS

ID: no se repite, solo aparece una vez en la página.

Y en el caso de CLASS está pensado para que se utilice las veces que sea necesario en la programación.