gebruik

[Verwijderd lid 141197]

stel je voor ik heb een standaard css voor alle pagina's maar bij een pagina is de waarde van bijv. hoogte 200px meer

kan je dan

CSS:
. leuke div {
 height:300px;
}

en in het universel css doc

CSS:
. leuke div {
 width: 50px;
}

 

[That Guy]

ja, je kan er verschillende oplossingen voor verzinnen. Maar zoiets moet werken, ja. En anders moet je er maar '!important' achter zetten - dan neemt ie die waarde ipv de andere.

 

[dicabrio]

waar je dan op moet letten is dat de nieuwe notatie (de uitzondering) als laatste gedefinieerd wordt. Dan werkt het.

of je definieert hem eerder, maar dan moet je hem een bepaalde voorrang geven.

Die voorrang geef je door meer punten toe te kennen aan je selector (.leuk div)

als je bijvoorbeeld body er voorzet dan krijgt die notatie voorrang ook al is hij eerder gedifineerd:

.leuk div {}
.leuk div {} <-- voorrang
//-----------------------------------------------
body .leuk div {} <-- voorrang
.leuk div {}

hier nog wat uitleg over het cascading gedeelte van CSS:
http://www.w3.org/TR/CSS2/cascade.html#specificity

 

[Verwijderd lid 141197]

werkt het ook als ik

CSS de :standaard
. leuke div {
height: 50px;
width: 50px;
}

en dan voor die ene pagina
in een andere css file

width!: 60px;

 

[That Guy]

err, vanwaar het ' ! ' (uitroepteken)? Overgens, je kan het ook zelf testen, voordat je t hier vraagt, neem ik aan?

 

[Verwijderd lid 141197]

jij zij als important

 

[That Guy]

oh, dat. Nee, dat werkt zo:

//css


foo
{
   width: 100px !important;
}

bbq
{
   width: 200px;
}

iets met EN bbq EN foo zal dan 100px worden, vanwege het '!important'. Weet niet precies of dit in elke browser werkt en of dit niet een hack is, maargoed.

[edit]
http://www.w3.org/TR/CSS2/cascade.html#important-rules
http://webdesign.about.com/od/css/f/blcssfaqimportn.htm
[/edit]​