¿Por qué hay un "." en CSS al principio?

Felicitaciones, ha comenzado a ingresar al campo del aprendizaje de conocimientos relacionados con CSS.

El "." es muy importante, es la parte más básica de CSS:

Selector

Hay tres tipos principales de selectores: selector de etiquetas, selector de id, selector de clase

elemento, id, clase

El "." que mencionaste es el selector de clase~

No importa lo que signifiquen todos los selectores seleccionar una determinada categoría de etiquetas html y agregarles estilos

.style1 significa agregar los estilos correspondientes a todas las etiquetas html con class="style1"

Si el "." eliminada, se convierte en el estilo correspondiente para todas las etiquetas

La diferencia es muy grande~