在Slim中创建HTML5 Boilerplate条件HTML类

Mat*_*kin 3 html5boilerplate slim-lang

HTML5 Boilerplate使用以下条件<html>类:

<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
Run Code Online (Sandbox Code Playgroud)

我想知道如何在基于Slim的模板中重现这一点.

这是我到目前为止所拥有的:

doctype html
/! paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/
/[ if lt IE 7 ]
    html class="no-js ie6" lang="en"
/[ if IE 7 ]
    html class="no-js ie7" lang="en"
/[ if IE 8 ]
    html class="no-js ie8" lang="en"
/[ if (gte IE 9)|!(IE) ]
    html class="no-js" lang="en"
head
Run Code Online (Sandbox Code Playgroud)

最后一个条件是给我带来麻烦.

Mat*_*kin 5

看起来你可以使用管道字符来逃避处理.

| <!--[if (gte IE 9)|!(IE)]<!-->
   <html class="no-js" lang="en"> <!--<![endif]-->
Run Code Online (Sandbox Code Playgroud)

请参阅API文档的" 行指标"部分.