Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Douglas

[Resolvido] Sobre os estilos conflitantes

Recommended Posts

Sobre os estilos conflitantes

 

 

Sobre os estilos conflitantes

 

Quando dois ou mais estilos CSS forem aplicados ao mesmo texto, estes poderão se tornar conflitantes e produzir resultados inesperados. Os navegadores aplicam os atributos de estilo segundo as regras abaixo:

 

Se dois estilos forem aplicados ao mesmo texto, o navegador exibirá todos os atributos de ambos os estilos, a menos que os atributos específicos sejam conflitantes. Por exemplo: um estilo pode especificar azul para a cor do texto e outro definir vermelho.

 

Se os atributos de dois estilos aplicados ao mesmo texto forem conflitantes, o navegador exibirá o atributo do estilo mais próximo (àquele do texto).

 

Se houver um conflito direto, os atributos dos estilos CSS (aplicados com o atributo class ) anularão aqueles dos estilos de tags HTML.

 

No exemplo a seguir, o estilo definido para h1 deve especificar a fonte, o tamanho e a cor para todos os parágrafos h1, mas o estilo CSS personalizado .Blue aplicado a esse parágrafo anula a definição de cor no estilo H1. O segundo estilo CSS personalizado .Red anula o .Blue porque ele está contido no estilo .Blue.

 

<h1><span class="Blue">Este parágrafo está controlado pelo estilo personalizado .Blue e pelo estilo h1 de tag de HTML.<span class="Red">Exceto pelo fato de esta sentença ser controlada pelo estilo .Red.</span>

Agora, estamos de volta ao estilo .Blue.</span></h1>

 

 

Conteúdo retirado do Help do Dreamweaver MX 6.1

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.