Back
Você está aqui: Home 
Tutoriais HTML/CSS CSS Herança (CSS)
Tutoriais HTML/CSS CSS Herança (CSS)
CSS
Herança (CSS)
Os estilos "herdam" propriedades de várias maneiras. Uma das formas é através da própria hierarquia do HTML. Se você declara propriedades para body, todos os descritores serão afetados a não ser que tenham as suas propriedades redefinidas dentro de um novo bloco de declarações CSS. Se um <l> está dentro de um <p> e todos os <p> são declarados como tendo a cor vermelha, o <I> também será vermelho a menos que haja um bloco, posterior àquela declaração, redefinindo as propriedades de <I>, por exemplo: p {
font: 12pt "Times New Roman" bold;
color: red;
}
l {
color: black;
}
faria com que o texto "seletor", no texto a seguir permanecesse preto:
<p>Um <I>seletor</I> é algo no qual pode-se aplicar um estilo.</p>
Se você definir atributos para os descritores <body> ou <html>, toda a página será afetada. No exemplo a seguir, uma cor de texto definida para bodyserá usada para colorir todo o texto do documento, a não ser que sejam sobrepostos por uma regra subseqüente:
body {
color: navy;
}
}
h1, h2 {
color: yellow;
}
Os blocos acima farão com que todo o texto seja azul marinho, exceto aquele marcado com h1 oh2, que será amarelo.
Os browsers comerciais têm problemas principalmente com a aplicação de estilos em body, portanto, freqüentemente é preciso mexer nas declarações de estilo, acrescentando propriedades redundantes para adaptá-los à realidade. No site do W3C ( http://www.w3.org ) há links para documentos que analisam essas diferenças entre browsers. O site http://www.w3.org/Styçe/CSS/Test/ é uma plataforma de testes que pode ser usada para verificar se um browser suporta ou não determinada propriedade.
