Question

I need to style some items for only IE 8. If I do this:

<!--[if IE 8]><link rel="stylesheet" href="mystyleIE8.css" type="text/css" media="screen, projection"/><![endif]-->

and then I do:

<!--[if IE 7]><link rel="stylesheet" href="myStyleIE7.css" type="text/css" media="screen, projection"/><![endif]-->

What will happen? I found this link to a previous SO question which implied that <!--[if IE 8]> means “If IE 8 or lower”. Does this mean that using <!--[if IE 8]> will overwrite all <!--[if IE 7]> css? Will my program know to use <!--[if IE 8]> for only IE 8 and <!--[if IE 7]> for IE 7?

Answer 1

It does not mean “If IE 8 or lower”.

<!--[if IE 8]>

Means if it is IE8

<!--[if lt IE 8]>

If it is less than IE 8

<!--[if lte IE 8]>

If it is less than or equal to IE 8