HOME PAGE JAVASCRIPT
Botões Cálculos Datas Essenciais Janelas Flutuantes Menus
HTML CSS FLASH PHP ASP GERADORES CORES MISCELANEA Contato  






Heranca

Algumas propriedades CSS definidas para um elemento passam automaticamente a ser aplicadas aos descendentes desse elemento. Quando isso ocorre diz-se que as propriedades foram herdadas.

Exemplo:  no documento HTML abaixo a folha de estilo interna informa que o texto do elemento div deverá ter cor vermelha, e por herança o título h3 e o parágrafo contido nele também herdarão a cor vermelha.

<html>
<head>
<STYLE TYPE="TEXT/CSS"> div{ color:#FF0000} </STYLE>
</head>
<body>
<div>
<h3>
Este título está dentro de um elemento div.
Ele herda a cor vermelha.
</h3>
<p>
Este parágrafo está dentro de um elemento div.
Ele herda a cor vermelha.
</p>
</div>
<p>
Este parágrafo não está dentro do elemento div e portanto fora da "herança".
</p>
</body>
</html>

 

Teste on-line:

Acrescente mais alguns elementos dentro e fora da seção DIV no código abaixo e click no botão abrir janela para observar o efeito.