Já aprendi que o estilo colocado inline tem maior importância que o estilo colocado externamente. E sobre o estilo colocado entre as tags head e /head?
Já aprendi que o estilo colocado inline tem maior importância que o estilo colocado externamente. E sobre o estilo colocado entre as tags head e /head?
hoje, com a Alura e o Google Gemini
Olá Marcus, tudo bem?
Depende de como o estilo será passando nas tags
, pois elas seguem a mesma hierarquia. Por exemplo, se o código for:head
style type="text/css"
p {color:white; font-size: 10px;}
.center {display: block; margin: 0 auto;}
#button-go, #button-back {border: solid 1px black;}
/style
/headSegue como principal, pois foi passada inline.
Sendo direto, os elementos que estão no body e com estilos passados inline, terão prioridade ao estilo passados no head. E isso se não tiverem um !important, mas isso já entra em uma outra discussão.
E fique atento que o CSS do tipo interno, como o do exemplo no head afeta apenas uma página – não é útil se você quiser usar o mesmo CSS em vários documentos.