在 Slim 中创建 HTML5 样板条件 HTML 类答案

【问题标题】：Creating HTML5 Boilerplate conditional HTML classes in Slim在 Slim 中创建 HTML5 样板条件 HTML 类
【发布时间】：2011-07-31 02:15:32
【问题描述】：

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>

我想知道如何在基于 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

最后一个条件给我带来了麻烦。

【问题讨论】：

标签： html5boilerplate slim-lang

【解决方案1】：

看起来您可以使用管道字符来转义处理。

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

请参阅 API 文档的 Line Indicators 部分。

【讨论】：