Se eu utilizar !important num seletor meu do css, ele sobrescreve os atributos inline?
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!
Solucionado
Se eu utilizar !important num seletor meu do css, ele sobrescreve os atributos inline?
Oi, Lucas, tudo bem?
Sim! Na ordem de hierarquia, o !important tem maior precedência na escala dos estilos, segue o teste que fiz:
<style>
.container{
width: 400px !important;
height: 400px !important;
background-color: aqua !important;
}
</style>
</head>
<body>
<div class="container" style="background-color: red;" >
<p>Oi</p>
</div>No exemplo acima, os estilos da classe container prevalecerão.
Qualquer dúvida, é só falar!