O que significa ( !important ) na declaração do CSS ?

0

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.

important css

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! 😉

Compartilhe.

Sobre o autor

Criador do blog Código Simples e com mais 9 anos de experiência em TI, com títulos de MVP Microsoft na área de Visual Studio Development, Neo4j Top 50 Certificate, Scrum Master e MongoDB Evangelist. Atuando em funções analista, desenvolvedor, arquiteto, líder técnico e gestor de equipes.

Mais informações em : http://jhonathansoares.com