Arv i CSS

Någon som kan ge ett exempel på arv i CSS? Har läst runt lite men kopplar inte riktigt.

Är detta ett exempel på arv?

#box {
width: 100px:
height: 200px;
background-color: white;
}

#box li {
width: 100px:
height: 200px;
background-color: white;
}

osv

Ditt exempel är en upprepning. Mig veterligen fungerar arvet som så att egenskaper du givit en förälder ärvs till dess barn, exempelvis kan du bestämma teckensnitt i body och sedan ligger detta kvar tills det skrivs över (med undantag för tabeller).

1. Installera Firebug till firefox
2. Granska ett element på valfri sida
3. Under tabben style ser du då vilka egenskaper det elementet har och har ärvt genom css-arvet.

mv icaaq

Någon som kan ge ett exempel på arv?

[b]Detta gör att font-size i ett dokument är 20px på html-elementet[/b]
html{
font-size:125%;
}

[b]body ärver font-size från html-elementet och nedanstående body-selektor sätter font-size till 10px (50% av 20px = 10px)[/b]
body{
font-size:50%;
}

[b]p ärver font-size från body-elementet och nedanstående p-selektor sätter font-size till 13px[/b]
p{
font-size:1.3em;
}

mv icaaq