No exemplo acima, o instrutor utilizou a propriedade flex grow em 4 elementos com a classe "flexItem", sendo que um desses elementos está com uma classe adicional chamada "primeiro", na explicação o instrutor informou que o elemento "primeiro" recebeu 2 pedaços do espaço que sobrava, mas na verdade não seriam três por ele receber mais um pedaço por estar também na classe "flexItem"?
Oi Victor, tudo bem?
O CSS num geral não funciona com adição de valores quando se trata de tamanho. No caso, ele sobrescreve o que foi dito anteriormente.
Por exemplo, se um elemento possui duas classes e, em uma eu defino uma largura de 300px e em seguida, na outra classe, eu defino uma largura de 500px, o elemento em questão terá apenas a largura de 500px.
A ordem, nesse caso, influencia, pois o dado que virá depois sobrescreverá o dado que vier antes.
Assim, se a classe primeiro vier antes da classe flexItem, ela não surtirá efeito.
Um abraço e bons estudos.