这真是一个好的消息啊，如果消息属实的话，就不用再为兼容ie6去写一些hack了，这样看来，我上篇文章说的，用*html来区分ie6，现在就能派上用场了，因为只要把样式表中的 *html 的兼容代码删掉，就可以样自己的样式表变的清晰整洁了，只要再把ff和ie7的区别换一种方式，这样的消息对web前端开发是多么幸福的一件事情啊~！但是同时只兼顾ie6的网站，看来就要受到毁灭性的打击了。
在ie7测试版的时候，important曾被ie7识别，但是正式版的时候，又不识别了，这样就可以继续用!important来区分ie和firefox。但是，现在我发现，ie7好像又识别important了，这样就不能用它来区别ie和firefox了。这样就需要用*html 区分ie6 *+html 区分ie7，感觉这样用更好些，因为可以不用去管important是否再别识别。
但是又一点，我使用中发现的 *html .xxx,*+html .xxx不能用这样的继承方式来写。这样的话会在ie6下失效。
最近在写大型网站的页面，一切进行的都很顺利，但是当css的文件大小越来越大，达到66k的时候，第一次优化应该开始了。当然前提是在开始前就应该有详细的编写方法，这个时候就应该考虑到优化。这里我想用一个“抽”字来形容如何合并样式，如何抽，怎么抽就是一个很大的问题，抽多了不行，抽少了代码的体积又越来越庞大，而且要抽到后期团队修改的时候要方便其他人修改，这就是一个很大的问题，现在我有三个选择，（也许我总结的方法可能不是正确的，希望知道的人可以给我指点。）一.是在样式表里用继承的方式合并可以合并样式，这样的好处是样式表的体积会最到很小，但是可能后期修改的时候可能让别人理解上有困难，二.采用合并名字的方式合并相似的模块样式，但是样式表上会有很多的class类名称和一堆逗号，修改的时候可能会容易犯错，实际上后期修改的操作应用性还不得知。三.我估计就是不考虑样式大小，写清楚每一个模块的样式，代码量会很大，但是后期别人修改的话会相对容易一些。
抽啊抽啊，现在的问题就是不能预知以后修改的时候到底会遇到什么的问题，也许我现在考虑的问题方向是错误的，也这些问题可能还不是问题，所以，抽吧~！记录下相应的文字，当发现问题的时候，能第一时间修改这些问题，其实就OK了~！
想抽就抽，要抽的漂亮~~！
首先感谢下css森林里的bansi提供解决问题的方法。
<style type=”text/css”>
body{ font-size:12px;}
a.aaa{position:relative;}
a.aaa span{display:none;}
a.aaa:hover{ cursor:hand;}/* 触发layout */
a.aaa:hover span{display:block; position:absolute; top:5px; left:10px; padding:5px; border:1px solid #000;}
</style>
<a class=”aaa” href=”#” mce_href=”#”>123<span>我是提示</span></a>
其实比较难弄的是在ie6下不能在父级定义font-size为px，所以采用 cursor:hand 或者 background:none 激活a.aaa:hover的layout为true。最终兼容ie6，ie7，ff。
还有，http://www.cssplay.co.uk/里面讲的layout的例子不错，可以看看收藏下。
没的说，永远支持。
Shawn Michaels 心碎小子 HBK最新DVD专辑HeartBreak and Triumph《心碎和凯旋》
http://www.tudou.com/programs/view/oxO32Msa3m8/
http://www.tudou.com/programs/view/31wI8Ti0hKQ/
http://www.tudou.com/programs/view/t0yqIrwAjZA/
select的分类选择,经测试IE和FF都能很好的支持该元素
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<title>runcode</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<meta name=”Author” content=”Sheneyan” />
</head>
<body>
<select>
<optgroup label=”a”>
<option>a1</option>
<option>a2</option>
<option>a3</option>
</optgroup>
<optgroup label=”b”>
<option>b1</option>
<option>b2</option>
<option>b3</option>
</optgroup>
</select>
</body>
</html>
