Importera CSS-filer i CSS

Ibland vill man strukturera upp sina .css filer i sin hemsida.

Låt oss säga att du har main.css:


body{
background-color:#fff;
}

p{
color:#fff;
}

.navigation{
float:left;
}

p{
color:#000;
}

----------------------------------------------------


Skapa nu två nya css filer som heter exempelvis navigation.css och custom.css


Flytta över .navigation{float:left;} till den nya navigation.css filen, vice versa med p{color:#000} till custom.css


----------------------------------------------------


Gå tillbaka till din main.css och ändra så det ser ut såhär:


body{
background-color:#fff;
color:#fff;
}
/* CSS för navigation */

@import url('navigation.css');


/*CSS för custom, måste ligga längst ner för att skriva över resten*/
@import url('custom.css');

-------------------------------------------------

med @import url så hämtar man css filer som ligger relativt (styles/custom.se) eller utanför servern (http://adress.css)