La principal diferencia que existe en el #id y .class es que que el Id debe ser utilizado una sola vez dentro de la página en la que se está trabajando, mientras que la clase se puede repetir varias veces para diferentes elementos.
Un selector de clase nos va ayudar a dar estilo a ese elemento en nuestra hoja de CSS
Por ejemplo: body {color:#000;}
Que aplicaria el color negro a todo nuestro body. Pero si lo que queremos que otros elementos dentro de nuestra página tenga un estilo en particular, recurriremos a darle un clase.
Al siguiente párrafo le podemos añadir la clase “destacado”:
<p class=“destacado”>Aquí va el texto que quiero destacar.</p>
Y en CSS lo ponemos en naranja a través de la propiedad “color”. Para marcar que es una clase anteponemos un punto al nombre de la clase:
.destacado {color:orange;}
Eso si, el id tiene más peso que una clase. Así que ojo! lo ideal es elegir uno u otro.
