3

HTML5 ボイラープレートは、次の条件付き<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

最後の条件は私に問題を与えています。

4

1 に答える 1

5

パイプ文字を使用して処理をエスケープできるようです。

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

API ドキュメントのLine Indicatorsセクションを参照してください。

于 2011-07-31T02:44:48.417 に答える