CSS是我们在前端开发中最常用的样式语言之一。它可以让我们轻易地控制网页中的元素样式，使我们的网页看起来更漂亮、更有吸引力。然而，由于IE浏览器的存在，我们经常需要针对不同版本的IE浏览器写不同的CSS样式。下面我们就来看看如何针对IE浏览器不同版本编写CSS样式。

/* IE6样式 */
* html {
background-color: #f1f1f1;
}
/* IE7样式 */
*:first-child+html {
background-color: #cccccc;
}
/* IE8样式 */
html>/**/body {
background-color: #eeeeee\9;
}
/* IE8/9样式 */
@media \0screen\,screen\9 {
.box {
height: 200px;
}
}
/* IE10及以上样式 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.title {
font-size: 24px;
}
}

对于IE6，我们需要使用一个通配选择器加上html元素选择器来达到特定的效果。而对于IE7，我们则需要使用伪类选择器来达到特定的效果。而对于IE8，我们需要使用一个注释来应对IE8中的一个bug，同时我们需要使用后代选择器来选择body元素。对于IE8/9，我们可以使用媒体查询来达到特定效果。而对于IE10及以上，我们则需要使用-ms-high-contrast属性来区分是否是高对比度模式。