Deze les is gemaakt door: V van Dalenwww.webhulpje.f2s.com)

Cssles 6; Extra opties:volgorde(groeperen en contextueel)!

U weet nu wat css betekent, wat er mee mogelijk is en wat voor bestanden er mee gemaakt kunnen worden. Maar hoe zit het nou met de volgorde!
Wat als ik voor 4 selctors dezelfde kleuren enzovoort wil?

Selectors of eigenschappen groeperen

Als u voor meerdere selectors dezelfde properties en values wilt hebben, kan u ze groepren in slechs een stijlregel! Dit gebeurt door komma's! Een voorbeeld:

H1{color:teal; font-family:Times New Roman;text-decoration:underline}
H2{color:teal; font-family:Times New Roman;text-decoration:underline}
H3{color:teal; font-family:Times New Roman;text-decoration:underline}
H4{color:teal; font-family:Times New Roman;text-decoration:underline}

Is hetzelfde als

H1, H2, H3, H4{color:teal; font-family:Times New Roman;text-decoration:underline}

Context(ueel)

Als u een contextuele selector wilt hebben? Dus een mulifunctionele selector! Bijvoorbeeld:

h4 u{color: red; cursor:hand}

Een normale h4, komt er zo uit te zien:

Dit is een normale h4

Deze h4, is onderstreept!

Oftewel: Zodra de code h4 onderstreept is(u) wordt deze rood en heeft als cursor:hand!

Zelf uitproberen

Wilt u zelf wat meer wetenover de contextuele selector en het froeperen? Dat moet u zelf een beetje uitproberen.

Commentaar toevoegen

Dit gebeurt tussen de lettertekens /* en */
Een voorbeeld:
h4{color:red; cursor: hand)/*Een h4 met een rode tekst en een cursor als handje*/

Wat heeft u geleerd
<><Meerdere selectors toevoegen aan een stijleregel
<><Selectors groeperen
<><Commentaar toevoegen!

Dit was de laatste les! Ik heb zelf een lijst met properties en values gemaakt! Ook is er een aparte les over de scrollbalk te vinden!

Vincent

<Vorige les

Voor extra lessen en bijlages kunt u terecht bij bijlages!