ie6 不支持 两个连续class，怎么解决？
- HTML code
<!doctype html><html> <head> <meta charset="gb2312" /> <title></title> <style> .i1 { font-size:21px; } .i2 { font-size:121px; } .i1.on { color:red; } .i2.on { color:blue; } </style> </head> <body> <span class="i1 on">我的颜色 有问题？</span> <span class="i2">我是垫背的</span> </body></html>在ff中 是红色，没问题，这就是向要的效果，
但是 在ie6中 却是蓝色，求解，不改变结构，有办法解决吗？
[解决办法]
- HTML code
<!doctype html><html> <head> <meta charset="gb2312" /> <title></title> <style> body{color:#000;} .i1 {font-size:21px; } .i2 {font-size:121px; } .i2.on,.parent .on.i2{color:blue;}/*针对IE6特效颠倒顺序提高层叠特殊对待*/ .i1.on{color:red; } </style> </head> <body> <div class="parent"> <span>我是默认颜色</span> <span class="i1 on">我的颜色 有问题？</span> <span class="i2 on">我是垫背的</span> <div> </body></html>
[解决办法]
http://www.crazyleaves.com/css%E5%A4%9A%E7%B1%BB%E9%80%89%E6%8B%A9%E5%99%A8/
里面有这么一段
在ie6下，如果 .d.controla 和 .d.controlb 反过来写变成 .controla.d 和 .controlb.d。就会出一个诡异的问题。诶，最后在在w3school里的某个页面的最下方，我找到了答案：重要事项：在 IE7 之前的版本中，不同平台的 Internet Explorer 都不能正确地处理多类选择器。
同研究