CSS class en volgorde... typisch

Als je in een class attribuut b.v. het volgend hebt staan class="weekend full" en in je stylesheet staat de weekend declaratie na je full declaratie.. dus

.full{blabla}
.weekend{blabla}

Dan krijgt je element toch de properties van weekend als laatste..... ongeacht dat je in je class attribuut als volgorde weekend en dan full hebt staan..

1757 keer bekeken. | Tjarko @ 11:30 cet

REACTIES:

stappertje -
kwistnieneens dat je meerdere attriburen aan 1 element kan toewijzen, dus ik heb alweer wat geleerd :-)

09 januari 2006 15:28 cet  

Tjarko -(site)(e-mail)
Kleine correctie.. meerder classes aan 1 class attribuut. Dat we het wel even goed omschrijven he ;-)

dit is dus gewoon mogelijk:
<div class="class1 class2 etc">

09 januari 2006 15:36 cet  

jax -
Dat klopt toch?
Weekend moet de baas worden omdat zowel full als weekend dezelfde scope hebben.

09 januari 2006 15:53 cet  

Tjarko -(site)(e-mail)
Nee.. full komt na de declaratie weekend.. dus de class full zou de class weekend moeten overschrijven. Raar genoeg doet die dit alleen als je de volgorde in je stylesheet ook goed hebt staan.. dus weekend moet voor je full declaratie staan.. en dat is gewoon vreemd.

09 januari 2006 15:54 cet  

jax -
nee dat is niet vreemd, in je style sheet hebben ze dezelfde scope (en waarschijnlijk dezelfde properties). Dan heb je een conflict en dan 'wint' de laatste.

09 januari 2006 16:14 cet  

Tjarko -(site)(e-mail)
dat vind ik dus wel... :-) aangezien ik eerst weekend aanroep.. en daarna pas full. Dan zou ik zeggen dat die dus full als laatste zou pakken en dat doet die niet.. kortom.. das raar.

het heet toch cascading style sheets.. styles die elkaar cascading aanvullen.. kortom.. full zou de class weekend moeten aanvullen en dat doet die niet.

09 januari 2006 16:18 cet  

jax -
ja maar hier is toch geen sprake van 'aanvullen' of niet? En anders knal je toch dit in je sheet:

.weekend.full {blabla}

Dat werkt dan weer wel. haha

09 januari 2006 16:21 cet  

Tjarko -(site)(e-mail)
Ja ok.. dat snap ik! :-) Maar ik zou zeggen dat het wel aanvullen is... je geeft meerdere classes aan die elkaar complementeren.. en dat doen ze ook op het moment dat je zorgt dat de volgorde ook klopt in je stylesheet

dus in je stylesheet weekend eerst en dan full werkt wel.. full vult dan mijn weekend class aan! En daarom vind ik het raar!! kijk.. als dat dan niet zou werken ala.. dan snap ik het ook nog wel.. maar aangezien het dus wel werkt als ik de weekend class boven mijn full class zet vind ik het nog steeds vreemd.....

nuff said ;-) want wij zijn allebei te eigenwijs hahaha

09 januari 2006 16:27 cet  

jax -
Ok.Maar nog wel even dit: Cascading is niet hetzelfde als inheritance hoor. Het hefet zelfs niet met aanvullen te maken.:-)

09 januari 2006 16:50 cet