DEDOVANJE

Poznamo dva načina dedovanja:

• Po vrsti (classu) in
• po višjemu v drevesni strukturi

Drevesna struktura v HTML

ol ol
{
list-style-type: lower-roman
}

<table summary="tabela">
<tr>
<td>....</td><td>....</td>
</tr>
<tr>
<td>....</td><td>....</td>
</tr>
</table>

table
{
color: red;
font-family: Arial;
}
td
{
color: green
}

Razlaga:

Elementi višji v drevesni strukturi imajo višjo prioriteto. V tem primeru bo pisava v tabeli zelena (definirano višje v drevesni strukturi), arial.

Po strukturi CSS

p
{
color:red;
font-size:12pt;
}
p #prvi
{
color:orange;
}

Razlaga:

p #prvi bo podededoval velikost pisave font-size:12pt;. Barva pa bo oranžna. To velja za vse podobne primere. Povsod, kjer je določen glavni element (p, h, td,...), njegov podelement (p #prvi, p.prvi,...) podeduje vse lastnosti, ki se ne prepišejo.

 Gor     e-gradiva     CSS     primeri     Združevanje pravil   Atribut class

SERŠ Maribor : Strokovna gimnazija : 2002 :  Niko Fajfar