当ID与Class组合使用的时候在IE6下发现一个邪门的现象：
样式如下：
#f{ font-size:20px}
#f.a{color: red;}
#f.b{color: black; font-size:50px}
#f.c{color: blue;}
#f.d{color: orange;}
代码如下：
<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会把它解释成什么？
事实上IE6只识别了#f.a{color: red;} 这一句，而后面三句都忽略了。 对此我只得表现出无语并表示不理解。
(此现象在Firefox、Opera、IE5中显示正常)
对诶，真是怪事。还有一个问题就是；如果在把#f.c{color: blue;}改成#f.c{color: #0F0; font-weight:bold;}就会使得全部的内容都加粗了。这个效果也和预料中不一样。本来以为只有 c 是加粗的，这情况所有的浏览器都一样。
[...] 他也找了网上同样发现此问题的地址给我http://www.deeptree.net/wp/index.php/2006/10/17/325/ [...]