Ponerle una clase a los elementos nos ayuda a separar las etiquetas, que son iguales, que si queremos estilar de las que no sin que toque otras cosas.
Es para nombrar clases de CSS.
Ayuda a entender a como nombrar las clases.
Este método separa los bloques, elementos y modificadores.
.mi-clase {
list-style: none;
}
Es un espacio interno en un contenedor, es una dimensión interna.
El navegador por defecto le agrega ciertos estilos a todas las etiquetas. Cada navegador tiene estilos diferentes, un poco similares pero cambian dependiendo el navegador.
A todos estos estilos podemos reescribirlos.
En este caso le estamos diciendo que a todos las etiquetas de anclas que pertenezcan a los elementos con la clase .main-nav__item le agrege los estilos.
.main-nav__item a {
estilos
}
Modifican a los elementos del HTML. Se los llama con :
despues del elemento.