Por que temos que criar uma classe container para a div?
div > p:first-letter{ font-size: 200%; font-weight:bold; text-shadow: 1.2px 1.2px black; color: #3C1D3D; margin-right: .2ch; line-height: 1; }
Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!
Por que temos que criar uma classe container para a div?
div > p:first-letter{ font-size: 200%; font-weight:bold; text-shadow: 1.2px 1.2px black; color: #3C1D3D; margin-right: .2ch; line-height: 1; }
Oi, Vitor, boa noite!
O uso da classe no CSS seja pra div ou pra outra tag é recomendável. A classe permite que estilizemos com mais praticidade, com mais organização e com menos interferência no código.
Por exemplo, o código que você postou pode ser utilizado para outra box com a classe container. Caso você não usasse uma classe, você teria que repetir tudo, o que pode sujar o seu código, fazendo crescê-lo sem necessidade e podendo gerar problemas.
Veja o exemplo, eu tenho um site com um cabeçalho e três colunas para postar meus textos. Nessas colunas eu tenho um:
<div class = "container">
<h1 class ="text first">Texto 1</h1>
</div>
<div class= "container">
<h1 class ="text second">Texto 2</h1>
</div>
<div class="container">
<h1 class ="text third">Texto 3</h1>
</div>. container{
border: solid;
}
.text .second{
font-size: 2em.
}Viu como esse código aí em cima é mais organizado, legível e reutilizável? E ainda respeita o grau de especificidade que te falei em outra resposta.
Espero ter te ajudado! :}