Pensando em lógica, qual o lugar correto de declarar o seletor universal *{} antes do root, bory ou pode ser aleatório? sei que não faz diferenças no funcionamento do código mas...
Pensando em lógica, qual o lugar correto de declarar o seletor universal *{} antes do root, bory ou pode ser aleatório? sei que não faz diferenças no funcionamento do código mas...
hoje, com a Alura e o Google Gemini
Oii, Ellielton!
O seletor universal *{} é usado pra aplicar estilos básicos a todos os elementos, como box-sizing: border-box, margin: 0 e padding: 0, que ajudam a garantir uma base consistente para o layout. Por isso, é comum vê-lo declarado no início do arquivo CSS, antes de outros seletores como :root ou body. Isso ajuda a garantir que os estilos básicos sejam aplicados antes de qualquer personalização mais específica.
Por exemplo:
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
:root {
--main-color: #333;
}
body {
font-family: Arial, sans-serif;
}
Colocar o seletor universal no início do arquivo CSS pode ajudar a manter o código organizado e mais fácil de entender, especialmente em projetos maiores.
Espero ter ajudado.
Um abraço e bons estudos.