Home >Web Front-end >HTML Tutorial >ie6 不支持 两个连续class，怎么解决？_html/css_WEB-ITnose
ie6 不支持 两个连续class，怎么解决？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-21 09:46:271166browse
<!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中 却是蓝色，求解，不改变结构，有办法解决吗？
回复讨论(解决方案)
.i2.on { color:blue; }
都没有这个class名啊
直接.i2就行了啊
直接.i2就行了啊
你没明白我的意思
<style> .i1 { font-size:21px; } .i2 { font-size:121px; } .on { color:red; } .on { color:blue; }</style> 写成这样
<!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 on">我是垫背的</span> </body></html>这样 意思 清楚点。。ff下 是对的 一个红 一个蓝可是 ie6下两个都是蓝。。高手支招，不改变结构，，怎么解决，，，ie6不支持 .i1.on { color:red; } 这样的写法？ 刚试了下，ie7、8 都和 ff 一样
唯独 ie6 不认识 .i1.on { 这样连续写的类选择 }
<!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"><span class="on">我的颜色 有问题？</span></span> <span class="i2"><span class="on">我是垫背的</span></span> </body></html> 话说，你指望用IE6去实现HTML5吗？ “nbsp;html>”
楼主写的CSS跟HTML的使用，根本是混淆的。多看看CSS吧。
LZ没完全理解 css定义
参考 7楼正解
selector1,selector2 同时设置符合两种选择器的元素
selector1 selector2 设置符合selector1的元素的子元素中符合selector2的元素
楼主写的CSS跟HTML的使用，根本是混淆的。多看看CSS吧。
大侠，请你指出哪里混淆了？
.i1.on { color:red; }
.i2.on { color:blue; }
难道这不是 多类选择器么？
除了ie6，其他浏览器均支持。
selector1,selector2 同时设置符合两种选择器的元素
selector1 selector2 设置符合selector1的元素的子元素中符合selector2的元素
这个我明白，
比如
div.test
这个是指
但是 上面的例子是 .a.b 这样的样式 ，ie6不支持这样的多类选择，其他浏览器均可以。
大家最好试试，不要光看，以为我是笔误把 .i1 .on 写成了 .i1.on 这里多个空格少个空格，差了远了去了。
nbsp;html>
我的颜色 有问题？
我是垫背的
这么写就可以 不能2个class连续 否则无解
nbsp;html>
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：手机左右滑屏切换页面_html/css_WEB-ITnoseNext article：网页怎么生产动态的天气图表_html/css_WEB-ITnose