0

I have to define four css imports in a file :

<link rel="stylesheet" media="not screen and (device-width: 1200px) and (device-height: 900px)"
  href="lib/sugar-web/graphics/css/sugar-96dpi.css">
<link rel="stylesheet" media="screen and (device-width: 1200px) and (device-height: 900px)"
  href="lib/sugar-web/graphics/css/sugar-200dpi.css">
<link rel="stylesheet" media="screen"
  href="lib/sugar-web/graphics/css/sugar-200dpi.css">
<link rel="stylesheet" href="css/activity.css">

I want, the simple screen media css (third line : without any condition) to be imported only if the above screen media definitions fail. Is the order of tags correct ?

(What I want to avoid, is that third screen css is loaded in any case).

loloof64
  • 5,252
  • 12
  • 41
  • 78

1 Answers1

1

tried to search your issue?

what you exactly mean with 'without any conditions' ? if none of the media querys is firing none if the linked css files will be imported. for that your order is the right one.

is this the answer?!

Community
  • 1
  • 1
Alex Tape
  • 2,291
  • 4
  • 26
  • 36
  • Thanks. The link you gave me did not appear (as purposition) when I was editing my question. And I don't find that it related to my question. Without any condition => without and/or – loloof64 Oct 10 '13 at 13:46
  • yes.. it´s not related as the answer i gave you is enough to answer your question :) – Alex Tape Oct 10 '13 at 15:08