Difference between revisions of "Conditional CSS"

Revision as of 11:37, 10 May 2016

In Cascading Style Sheets, conditional CSS refers to CSS rules which are conditional: the rules apply under some conditions, but not others.

Internet Explorer conditional CSS

Internet Explorer has its own conditional CSS, which can apply to all versions of Internet Explorer, or certain specified versions.

All other browsers will ignore these conditional rules.

In the example below, if lt IE 9 indicates that Internet Explorer which is less than version nine (lt IE 9) should use the two external style sheets.

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

The above example is from a typical Bootstrap framework template.

See also

• Conditional JavaScript