CSS选择器在各个浏览器的支持情况（一）

浏览器对CSS选择器的支持情况

1. 说明

•      √    表示目前支持.

•      Δ     表示该选择器有部分支持.

•      Χ     表示不支持.

•      * 表示通用选择器

•      E 表示标签选择器

•      .class表示类型选择器

•      #id表示ID选择器

2. 基本选择器

Selector	FF3.0	FF   2.0	FF   1.5	IE8	IE7	IE6
*	√	√	√	√	√	√
E	√	√	√	√	√	√
.class	√	√	√	√	√	Δ
#id	√	√	√	√	√	√

3 多元素的组合选择器

这里E和F表示任意的基本选择器。

 

Selector	FF3.0	FF2.0	FF   1.5	IE8	IE7	IE6
E     F	√	√	√	1.	√	√
E     >     F	√	√	√	√	√	Χ
E     +     F	√	√	√	√	√	Χ

4 CSS 2.1 属性选择器

Selector	FF3.0	FF2.0	FF   1.5	IE8	IE7	IE6
E[attr]	√	√	√	Δ	Δ	Χ
E[attr=val]	√	Δ	Δ	√	√	Χ
E[attr~=val]	√	Δ	Δ	Δ	Δ	Χ
E[attr|=val]	√	Δ	Δ	Δ	Δ	Χ

5 CSS 2.1中的伪类

Selector	FF   3.0	FF2.0	FF1.5	IE8	IE7	IE6
:first-child	√	Δ	Δ	Δ	Δ	Χ
:link	√	√	√	√	√	√
:visited	√	√	√	√	√	√
:lang()	√	√	√	Δ	Χ	Χ

6 CSS 2.1中的伪元素

Selector	FF3.0	FF2.0	FF   1.5	IE8	IE7	IE6
:before	√	√	√	√	Χ	Χ
::before	√	√	√	Χ	Χ	Χ
:after	√	√	√	√	Χ	Χ
::after	√	√	√	Χ	Χ	Χ
:first-letter	√	√	√	Χ	√	√
::first-letter	√	√	√	Χ	Χ	√
:first-line	√	√	√	Χ	√	√
::first-line	√	√	√	Χ	Χ	√

7 CSS 3的同级元素通用选择器

Selector	FF3.0	FF   2.0	FF   1.5	IE8	IE7	IE6
E     ~     F	√	√	√	√	√	Χ