[CSS] .css inporteren in een bestaande css file

[Verwijderd]

Hai,

In verband met en de pan uitrijzende stylesheet heb ik het idee om een 2e css bestand te (soorte van) includen in de huidige stylesheet.

Betekend dus dat ik bepaalde delen van de sheet in een nieuwe css wil opnemen, en die in de (hoofd) css inporteren of includen.

Wie heeft er voor mij een idee,.. ??

Ik weet dat ik wel meer css files in een html aankan roepen, maar dit lijkt me lochischer vannuit het ontwikkel opzicht ...

[Rickets]

Misschien dat het met @import kan (http://www.w3.org/TR/REC-CSS2/cascade.html#at-import). Probeer dat eens, dan zie je het vanzelf

[Verwijderd]

Die heb ik al gehad

Tsjaa, ik heb in mijn css idd de volgende code meegenomen (zoals bij msdn aangegeven stond btw): @import: url('css2.css') en dat werk dan niet.

Heb in die css2.css een class gemaakt met rode text, en inmijn html die class ergens aan een <p> toegekend.

Niet werken dus

[Verwijderd]

Zoiets?:

code:

@import url("styles.css");
@import url("nogmeerstyles.css");
/* nog meer styles */

Die @import-regel is vooral handig om CSS te verbergen voor oudere browsers (lees: NS 4.x)

[Verwijderd]

hoooo, wacht effe...

Hebben we het nu over @import binnen je CSS of binnen je html ???

[Verwijderd]

Verwijderd schreef op 06 December 2002 @ 16:21:

Niet werken dus

Voorbeeld? URL? Welke Browser?

[Rickets]

Verwijderd schreef op 06 December 2002 @ 16:23:
hoooo, wacht effe...

Hebben we het nu over @import binnen je CSS of binnen je html ???

Over @import in je externe stylesheet

[Verwijderd]

Rickets schreef op 06 December 2002 @ 16:25:
[...]

Over @import in je externe stylesheet

OK, cool..

[Verwijderd]

IE6 ...

OkOk, voorbeeldje:

In mijn (main) css bestand heb ik deze regel opgenomen:
@import url('TEST.css');

In die TEST.css heb ik (alleen) de volgende class gemaakt:
.test {
cursor: move;
background-color: Black;
color: Aqua;
font-weight: bold;
}

En dan in mijn html bestand een stukje <p class="test">

Die "test" class komt overigens nergens anders voor als in die TEST.css...

Oh, ennuh, ik werk met IE6, maar 5.5 heeft heeft het dus wel effect .....

[ Voor 29% gewijzigd door Verwijderd op 06-12-2002 16:37 ]

[Rickets]

Verwijderd schreef op 06 december 2002 @ 16:32:
IE6 ...
Oh, ennuh, ik werk met IE6, maar 5.5 heeft heeft het dus wel effect .....

Ik heb ook wat geprobeerd en bij mij werkt het wel in IE 6. Zou je het even online kunnen zetten, dat is namelijk wat handiger

[DeFeCt]

code:

@import url("test.css");

probeer eens dubbele quotes?

[Verwijderd]

heb'k al ...

[drm]

Probeer je met de imported CSS styles te overriden die je in je gewone CSS al hebt staan? Dat werkt namelijk niet, kwam ik achter:
Testje met override

Anders zou 't gewoon moeten werken:
Testje zonder override

[Verwijderd]

probeer dit eens : http://www.axoft.nl/test/index.htm

[Verwijderd]

In de specificaties staat dit:

Any @import rules must precede all rule sets in a style sheet.

Oftewel, de @import regel moet de eerste regel zijn in je style sheet.