Simbolo # en CSS ¿Que es?

[[Delphius]]

Buenos dias, buenas tardes, y/o buenas noches

He tratado de esclarecerme una duda... una duda que ya no soporto... me tiene mal. ¿Cuando, como y para que se usa el símbolo # en un CSS?

He visto CSS por todos lados... muy variados. Algunos trabajan con el #, otros no...

En los que he visto eso hacen algo como:

Código PHP:

#algo {bla bla bla... } 


Y en el código HTML hacen, por ejemplo...

Código PHP:

<etiqueta id="algo"> 


Tengo entendido, por lo que he leído entiendo, en lo poco que se, que es para establecer un estilo a un elemento a identificar mediante la cláusula "id" ¿Que otra utilidad oculta hay en realizar esto? ¿Tiene algún otro fin?

¿En que se difiere eso de esto?:

Código PHP:

.algo {bla bla bla} 


Código PHP:

<etiqueta class="algo" id="algo_id"> 


Buscando y buscando llego a distintos enlaces que lo único que hacen es copiarse entre ellos. Sobre todo la mayoría se copia de aquí

A mi no me queda demasiado claro el asunto. Les agradecería si alguien me pudiera explicar bien o darme alguna referencia confiable en donde se exponga el tema.

Muchas gracias.