Arv i CSS

HTML & CSS

4 svar · 649 visningar · startad av rikard81 16 sep. 2008

rikard81Medlem sedan mars 2007311 inlägg

Frågan16 sep. 2008 06:50#1

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

ejickMedlem sedan mars 2001895 inlägg

16 sep. 2008 11:06#2

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).

icaaqMedlem sedan okt. 20005 273 inlägg

16 sep. 2008 16:06#3

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

rikard81Medlem sedan mars 2007311 inlägg

17 sep. 2008 09:39#4

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

icaaqMedlem sedan okt. 20005 273 inlägg

17 sep. 2008 12:08#5

[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