ie6 不支持 两个连续class，如何解决
日期：2014-05-17 浏览次数：20517 次
ie6 不支持 两个连续class，怎么解决？
在ff中 是红色，没问题，这就是向要的效果，
但是 在ie6中 却是蓝色，求解，不改变结构，有办法解决吗？
------解决方案--------------------
- 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 都不能正确地处理多类选择器。
同研究
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
