Poderia, funcionaria da mesma forma, mas mudaria a maneira de chamar o seletor no CSS, a classe seria com um ponto (.) e o ID com uma hashtag (#), mas eu vejo muitos Dev's recomendando o uso das classes como seletor, pq as classes servem para replicar a mesma ação do CSS em multiplos elementos, ja o ID é individual. Um exemplo: seu site tem vários títulos

,

, etc, e vc quer que todos eles sejam centralizados, se for por ID vc teria que dar um identificador diferente pra cada tag, vou exemplificar pra ficar melhor:

Titulo 1

Titulo 2

#primeiro-titulo{
            text-align: center;
}
#segundo-titulo{
            text-align: center;
}

Tá vendo que pra um mesmo comportamento a gente tem que repetir o mesmo codigo diversas vezes? Com a classe a gente não precisa, pois um so identificador é capaz de modificar o comportamento que a gente quer nos diversos elementos, seria assim:

<h1 class="titulos-centralizados"> Titulo 1 </h1>
<h2 class="titulos-centralizados"> Titulo 2 </h2>..... e assim por diante, e no CSS seria assim:

.titulos-centralizados {
        text-align: center;
}

Todos os textos com essa class teriam o mesmo comportamento, usando o mesmo codigo do CSS. 

Não sei se deu pra entender mas é isso kkk boa sorte nos estudos!