Home/ Questions/Q 6203809
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T04:58:49+00:00

HTML5 Boilerplate uses the following conditional <html> classes: <!doctype html> <!– paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ –> <!–[if

  • 0

HTML5 Boilerplate uses the following conditional <html> classes:

<!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>

I’m wondering how I can reproduce this in a Slim-based template.

Here’s what I have so far:

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

The last conditional is giving me trouble.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Looks like you can use the pipe character to escape processing.

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

    See the Line Indicators section of the API docs.

    • 0