Шаблон Jade неправильно отображает условные выражения IE (Pure CSS)

Question

Я внедряю фреймворк Pure CSS.

в моей голове HTML:

<!--[if lt IE 8]>
link(rel="stylesheet", href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css")
<![endif]-->
<!--[if gt IE 8 ]><!-->
link(rel="stylesheet", href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css")
<!--<![endif]-->
<!--[if lt IE 9]><!
script(src='http://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7/html5shiv.js')
<![endif]-->

Проблема в том, что он корректно отображается только в IE 9+. в IE 8 он, похоже, не вызывает файл "grids-responseive-old-ie-min.css".

мой Джейд правильно написан?

Answer 1

Я бы просто написал это как

<!--[if lt IE 9]>
link(rel="stylesheet", href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-old-ie-min.css")<![endif]-->
<!--[if gte IE 9]>
link(rel="stylesheet", href="http://yui.yahooapis.com/pure/0.5.0/grids-responsive-min.css")
<![endif]-->

Если это не работает для вас, то я бы использовал mixin, как упомянуто в этой статье: http://blog.tompawlak.org/ie-conditional-comments-jade