ie6 不支持两个连续class，如何解决-HTML教程-爱易网页

ie6 不支持两个连续class，如何解决

日期：2014-05-17　浏览次数：20568 次

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 都不能正确地处理多类选择器。

同研究