
Did you know that you can target specific versions of Internet Explorer right in your CSS stylesheet? There are several media queries and selectors that can combine to allow you to write CSS for a version of Internet Explorer. There are even queries that can select multiple versions in one fell swoop. This changes the game for how many designers and developers create their websites. Check out some examples below and view more at [browserhacks.com](http://browserhacks.com/)!

## IE 11 and above

``` css
_:-ms-fullscreen,
:root .ie11up {
	property: value;
}
```

## IE 10

``` css
_:-ms-lang(x),
.ie10 {
	property: value\9;
}
```

## IE 9

``` css
@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
	// IE9 CSS
	.ie9 {
		property: value;
	}
}
```

## IE 8

``` css
@media \0screen {
	.ie8 {
		property: value;
	}
}
```

## IE 7

``` css
* + html .ie7 {
	property: value;
}
```

## IE 6

``` css
.ie6 {
	_property: value;
}
```

## IE 6, 7, and 8

``` css
@media \0screen\, screen\9 {
	.ie678 {
		property: value;
	}
}
```

## IE 8, 9, and 10

``` css
@media screen\0 {
	.ie8910 {
		property: value;
	}
}
```

## IE 9 and 10

``` css
@media screen and (min-width: 0\0) {
	.ie910 {
		property: value\9;
	} /* backslash-9 removes ie11+ */
}
```

## Microsoft Edge

``` css
@supports (-ms-ime-align: auto) {
	.selector {
		property: value;
	}
}
```


<p>Did you know that you can target specific versions of Internet Explorer right in your CSS stylesheet? There are several media queries and selectors that can combine to allow you to write CSS for a version of Internet Explorer. There are even queries that can select multiple versions in one fell swoop. This changes the game for how many designers and developers create their websites. Check out some examples below and view more at <a href="http://browserhacks.com/">browserhacks.com</a>!</p>

<h2>IE 11 and above</h2>

<p><code> css
_:-ms-fullscreen,
:root .ie11up {
	property: value;
}
</code></p>

<h2>IE 10</h2>

<p><code> css
_:-ms-lang(x),
.ie10 {
	property: value\9;
}
</code></p>

<h2>IE 9</h2>

<p><code> css
@media screen and (min-width: 0\0) and (min-resolution: 0.001dpcm) {
	// IE9 CSS
	.ie9 {
		property: value;
	}
}
</code></p>

<h2>IE 8</h2>

<p><code> css
@media \0screen {
	.ie8 {
		property: value;
	}
}
</code></p>

<h2>IE 7</h2>

<p><code> css
* + html .ie7 {
	property: value;
}
</code></p>

<h2>IE 6</h2>

<p><code> css
.ie6 {
	_property: value;
}
</code></p>

<h2>IE 6, 7, and 8</h2>

<p><code> css
@media \0screen\, screen\9 {
	.ie678 {
		property: value;
	}
}
</code></p>

<h2>IE 8, 9, and 10</h2>

<p><code> css
@media screen\0 {
	.ie8910 {
		property: value;
	}
}
</code></p>

<h2>IE 9 and 10</h2>

<p><code> css
@media screen and (min-width: 0\0) {
	.ie910 {
		property: value\9;
	} /* backslash-9 removes ie11+ */
}
</code></p>

<h2>Microsoft Edge</h2>

<p><code> css
@supports (-ms-ime-align: auto) {
	.selector {
		property: value;
	}
}
</code></p>

Assets

Square

Media Queries and Selectors to Write CSS for a Specific Version of Internet Explorer

View post on our website

Tall

Media Queries and Selectors to Write CSS for a Specific Version of Internet Explorer

View post on our website

Wide

Media Queries and Selectors to Write CSS for a Specific Version of Internet Explorer

View post on our website

Other

Media Queries and Selectors to Write CSS for a Specific Version of Internet Explorer