Nesting er en anden måde end classes til at skabe specifik styling af et område i html.
Når i har lavet opgaven om float skal i sætte nogle h1 overskrifter ind i hver af felterne.
Vha nesting teknikken kan man bestemme for skelling style for hver h1-tag i områderne.
Ved at skrive:
#box1 h1 { color:red } #box2 h1 { color:green } |
Vil resultatet være at h1 i box1 vil blive rød og h1 i box2 vil blive grøn.
Prøv det for hver af de boxe vi lavede i floatopgaven.