Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como alterar ou sobrepor estilo definido no style do CSS

07-12-2015 14:03

Para quem tem um site feito a partir de um modelo pronto, ou um script que altere determinado item estilo CSS dapágina, pode precisar sobrepor esse estilo para que o estilo pré-definido seja ocultado pelo estilo que desejamos.

Vamos supor que temos a seguinte situação

<style> div{ color:blue; } </style> <div>texto</div>


Esse estilo CSS que usei está simulando um estilo pré-definido em um layout pronto ou script.

Como pode ver o estilo vai afetar todas as divs do documento, alterando a cor do texto para azul.

Para sobrepor o estilo precisamos usar o !important após a definição do estilo que precisamos, por exemplo:

<style> /* simulando estilo de layout ou script */ div{ color:blue; } </style> <style> /* esse é o novo estilo que vai sobrepor o estilo acima */ div{ color:black!important; } </style> <div>texto</div>

Como pode ser visto ao testar o script o !important vai fazer com que a cor black definida seja mais importante que a definida primeiro.
1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado