Quando estamos criando uma estrutura de folha de estilos aprendemos várias regras que nos ajudam a melhor compreender e escrever nosso código de forma simples,otimizada e funcional.
Uma das regras mais comuns do CSS é seu “efeito cascata” , que diz que a mesma declaração sobre classe ou componente pode ser substituída se a mesma for reescrita abaixo da primeira. Entendeu?
Vamos simplificar !
Analise o seguinte código :
.classe {color:white;}
.classe {color:black;}
Aqui temos uma declaração da classe com cor de texto branca e logo após com a cor preta. O Efeito Cascata vai utilizar então a cor preta para a classe definida por nós. É uma leitura sequencial, um substitui o outro caso exista conflito.
Para estas ocasiões utilizamos a definição !important
Com ela dizemos na folha de estilo que aquela propriedade não irá ser substituída caso exista conflito.
Veja a declaração :
.classe {color:white !important;}
.classe {color:black;}
Assim a cor branca permanecerá sem que seja substituída pela preta.
Espero que tenham gostado e até a próxima! 😉