Nesting

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.

Leave a Reply