juni 10, 2004

Erven van eigenschappen

illustratie bij Erven van eigenschappen

In mijn vorige post schreef ik ‘erven van eigenschappen’ alsof het vanzelfsprekend is. Dat is het niet, en geloof me ik heb genoeg stijlpagina’s gezien waarvan de auteur(s) niet op de hoogte waren van deze basis van css. Dat ‘cascading’ staat er niet voor niets.
Het verschil tussen div p en div>p maakt de kracht van het erven duidelijk. Het eerste is te lezen als ‘elke paragraaf die deel uitmaakt van een div’, dus elke afstammeling van een div. De tweede is gerichter en spreekt ‘de paragraaf die meteen volgt op een div-selector’ aan. Het ‘kind’ van de div. Deze manier om het gedrag van kinderen te bepalen - Child selectors - wordt niet ondersteund door IE/Win!!!
Een uitstekende cursus over selectors is te vinden op: http://css.maxdesign.com.au/selectutorial/
Nog meer uitleg op http://nemesis1.f2o.org/aarchive?id=3
Andersom kan ook, om uitleg te krijgen van een complexe declaratie of om het verschil tussen twee alternatieve notaties (a.class:hover of a:hover.class) te zien: http://gallery.theopalgroup.com/selectoracle/