Oi, Jussara! Como vai?
No curso, a forma ensinada de criar classes específicas para os botões e aplicar estilos diretamente nelas é uma prática comum. No entanto, os exercícios podem apresentar alternativas para te mostrar diferentes abordagens e reforçar o aprendizado.
Por exemplo, se no vídeo você aprendeu a construir o HTML e estilizar assim:
<div class="apresentacao__links">
<a class="apresentacao__links__link" href="https://instagram.com/rafaballerini">Instagram</a>
<a class="apresentacao__links__link" href="https://github.com/guilhermeonrails">Github</a>
</div>
.apresentacao__links__link {
background-color: #22D4FD;
width: 280px;
text-align: center;
border-radius: 16px;
font-size: 24px;
font-weight: 600;
padding: 21.5px 0;
text-decoration: none;
color: #000000;
font-family: 'Montserrat', sans-serif;
}
E no exercício a sugestão foi usar diretamente o seletor a
no CSS sem as classes no HTML, como abaixo:
<div class="apresentacao__links">
<a href="https://instagram.com/rafaballerini">Instagram</a>
<a href="https://github.com/guilhermeonrails">Github</a>
</div>
.apresentacao__links a {
padding: 10px 20px;
font-size: 16px;
border: none;
border-radius: 5px;
background-color: #06B9A1;
color: white;
cursor: pointer;
}
Qual a melhor abordagem?
Ambas funcionam, mas há diferenças:
Usar classes (como ensinado no vídeo) é mais flexível. Se você quiser modificar apenas alguns botões no futuro, pode criar novas classes sem afetar todos os links da página.
Usar o seletor a
dentro da div
pode ser útil se todos os links dentro desse bloco precisarem do mesmo estilo, sem exceção. Porém, isso pode dificultar a personalização individual dos botões depois.
Se o projeto for crescer, usar classes é uma abordagem melhor para manter o código organizado e facilitar futuras alterações.
Espero ter ajudado. Conte com o apoio do Fórum na sua jornada! Fico à disposição :)
Abraços e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓