Solucionado
Bom dia, estou acompanhando o curso e executando as instruções no VSCODE, no caminho surgiu umna dúvida, caso eu não siga essa ordem de organização do codigo que foi passada no curso, no caso invertendo as posições do código,**** o resultado será o mesmo na tela do browser?****
hoje, com a Alura e o Google Gemini
Prezado, na maioria dos casos, a ordem das propriedades CSS dentro de uma classe não afeta o resultado final na tela do navegador. No entanto, há exceções, como quando há propriedades duplicadas com valores diferentes dentro da mesma classe. Nesse caso, o navegador aplicará a última propriedade definida.
No seu exemplo, a propriedade font-weight está definida duas vezes:
.botoes2 {
background: #22D4FD;
width: 280px;
text-align: center;
border-radius: 16px;
font-size: 24px;
font-weight: 600; /* Esta será sobreposta pela próxima declaração de font-weight */
padding: 21.5px 0;
font-weight: 200px; /* Esta é a declaração válida, pois é a última */
text-decoration: none;
color: #000;
font-family: 'Montserrat', sans-serif;
}
A última declaração de font-weight (200px) é a que será aplicada, e a anterior (600) será ignorada. Se você inverter a ordem dessas duas linhas, o valor aplicado será 600 em vez de 200px.
Portanto, é importante prestar atenção à ordem quando há propriedades duplicadas. Para todas as outras propriedades não duplicadas, a ordem não altera o resultado visual.
Prezado, se você considerar respondido, favor fechar esse tópico.