Es mejor usar el selector class aunque tenga menos peso que el selector id. Es decir, si un elemento tiene un selector id que especifique se color en rojo y una clase que especifique su color en azul, el resultado final sera que el elemento sea rojo
Visto así seria mejor usar el selector id, el problema se nos presenta si en nuestro documento tenemos dos elementos que tengan las mismas características.
Como el id es único en nuestro código CSS habría dos id con las mismas características, en cambio si usamos class, tendríamos un solo bloque de reglas CSS en nuestro código y a cada elemento lo haríamos pertenecer a esa clase
Veamoslo con un ejemplo.
si usamos el selector id en el siguiente documento para definir dos elementos HTML con las mismas caracteristicas
 |
la salida en el navegador sera
pero si usamos el selector de clase
obtendremos el mismo resultado
En conclusión vemos que es mejor acostumbrarnos a usar el selector clase porque a menudo deberemos hacer mantenimiento y actualizar nuestra web y si deseamos añadir otro elemento con las mismas reglas o características solo deberemos colocarle que pertenece a esa clase y el trabajo sera mucho menor a futuro.
