CODEWITHSUNDEEP
htmlinternet-explorerinternet-explorer-9html5boilerplateconditional-comments
user992731
user992731

Reputation: 3520

How to target IE9 with new HTML5 Boilerplate?

I am trying to target a class for IE. However, since the boilerplate template has changed this no longer works..

.myclass {
 //do something
}


.ie7 .myclass {
 ///do something

 }

This is what's in the new header of the boilerplate template.

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

Upvotes: 2

Views: 23074

Answers (2)

Divya Manian
Divya Manian

Reputation: 1985

We do not recommend you target IE9 as it has all the marking of a modern browser, which is why we do not have IE9 specific conditional class. If you still would like to, you can use:

<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js lt-ie10" lang="en"> <![endif]-->
<!--[if gt IE 9]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

Note that IE10 will not recognize conditional comments.

Upvotes: 18

PeeHaa
PeeHaa

Reputation: 72682

Yak Boilerplate! Anyway:

.lt-ie9.lt-ie8 .myclass {}

should do what you want.

EDIT

Sorry misread your question since you put IE7 in example. If you want to IE9 you can just do:

.myclass {}

Upvotes: 0

Related Questions