CSS的BUG：IE6中一个奇怪的现象！

　　先声明，是偶的同事xpoint遇到的，不是偶首发的。不说这句话偶肯定挨揍…当ID与Class组合使用的时候在IE6下无法正常显示。

CSS代码：

#f{ font-size:20px} 

#f.a{color: red;} 

#f.b{color: black; font-size:50px} 

#f.c{color: blue;} 

#f.d{color: orange;}

HTML代码：

<div id=”f” class=”a”>a</div> 

<div id=”f” class=”b”>b</div> 

<div id=”f” class=”c”>c</div> 

<div id=”f” class=”d”>d</div>

幻想一下IE会把它解释成什么？ 

看下面的运行效果：

Source Code to Run [www.fun52.com]

www.fun52.com

#f{ font-size:20px}

#f.a{color: red;}

#f.b{color: black; font-size:50px}

#f.c{color: blue;}

#f.d{color: orange;}

a

b

c

d

　　 [ 可先修改部分代码 再运行查看效果 ]

　　事实上IE6只识别了#f.a{color: red;} 这一句，而后面三句都忽略了。

对此我们只得表现出无语并表示不理解。

(此现象在Firefox、Opera、IE5中显示正常)