1

In my extranel css file, i am trying to load the css using the import... But i unable to import the css files by conditionally...

is there any way to do so?

my try:

body {
    background: url(../images/1024/css/bodyBg.jpg);
}
body > section > header{
    background: url(../images/1024/css/headerBg.jpg) top repeat-x;
    height: 93px;
    border: solid black;
    border-width: 5px 0;
}


@media screen and (max-width: 768px){
    @import url(../styles/sedms.css); // i am not able to import... 
}
BoltClock
  • 700,868
  • 160
  • 1,392
  • 1,356
user2024080
  • 1
  • 14
  • 56
  • 96

1 Answers1

2

The correct format is

@import url(../styles/sedms.css) (max-width:768px);

See here: http://philarcher.org/diary/2011/importrules/

banjoSas
  • 184
  • 1
  • 10