解析CSS在IE6、IE7、IE8中的兼容差异

body>p{  
 color:  
 #fff;  
}  

.class1.class2.class3  
{  
 background:  
 #fff;  
}  

class="class1class2class3">
Contenthere.

支持情况

IE6，No
IE7，Yes
IE8，Yes
IE6好像支持这种情况，因为它能匹配链中的***一个class到使用该class的元素上，然而，它并不能限制一个使用链中所有class的元素。#p#

属性选择器

示例

a[href]  
{  
 color:  
 #0f0;  
}  
 

描述

该选择器允许一个元素被定位只要它有指定的属性。在上面的例子中，所有的带有href属性的a标签都会被限定，而没有href属性的a标签不会被限定。

支持情况

IE6，No
IE7，Yes
IE8，Yes

临近兄弟选择器

示例

h1+p{  
 color:  
 #f00;  
}  
 

描述

该选择器定位临近到指定元素的兄弟标签。上面的例子将会限定p标签，但是他必须是h1标签的兄弟而且要直接尾随在h1标签的后面。比如：

heading
 
Contenthere.
 
Contenthere.
 
 

在上面的代码中，CSS样式将只对***个p有效。因为它是h1的兄弟而且紧跟着h1。第二个p也是h1的一个兄弟，但是它没有紧跟着h1。

支持情况

IE6，No
IE7，Yes
IE8，Yes
在IE7中，如果在兄弟之间有一个HTML注释，临近兄弟选择器将无效。

普通兄弟选择器

示例 

h1~p{  
 color:  
 #f00;  
}  
 

描述

该选择器定位一个指定元素后面的所有兄弟元素。将此选择器应用到上面的那个例子，将会对两个p标签都有效。当然，如果有一个p元素出现在h1之前，那个p元素不会被匹配。

支持情况
IE6，No

IE7，Yes

IE8，Yes#p#

伪类和伪元素

:hover后面的后代选择器

示例 

a:hoverspan{  
 color:  
 #0f0;  
}  
 

描述

一个元素可以被:hover伪类后面的选择器定位，就像后代选择器一样。上面的例子，在鼠标悬停的时候，将会改变a元素内的span元素中的文字的颜色。

支持情况

IE6，No
IE7，Yes
IE8，Yes

链伪类

示例

a:first-child:hover{  
 color:  
 #0f0;  
}  
 

描述

伪类可以链起来以缩小元素选择。上面的例子会定位每一个父级元素下的***个a标签，并将hover伪类P应用到它上。

【编辑推荐】

1. ***实现IE6/IE7/FF浏览器兼容通用方法
2. IE7 IE8 CSS兼容性***解决方案
3. 网页排版中IE6，IE7，Firefox浏览器兼容性写法
4. CSS属性display:inline-block使用揭秘
5. Firefox、IE7、IE6浏览器兼容问题概念解析