手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >ie6不支持两个连续并列class类名怎么解决
ie6不支持两个连续并列class类名怎么解决
摘要:代码如下:HTMLcode:.i1{font-size:21px;}.i2{font-size:121px;}.i1.on{color:re...

代码如下:

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>我的颜色 有问题?</span>

<span>我是垫背的</span>

</body>

</html>

在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><span>我的颜色 有问题?</span></span>

<span><span>我是垫背的</span></span>

</body>

</html>

【ie6不支持两个连续并列class类名怎么解决】相关文章:

CSS如何让背景不能滚动

CSS右对齐实现方法

通过CSS禁用页面内容选中和复制操作

div使用margin:0px auto不居中的原因分析及解决

CSS的nth-child使用方法

CSS:CSS样式如何实现Logo立体盒子效果

css控制div中元素居中的示例

CSS中怎么让DIV居中亲自实验得出的结论

div+css网页布局时如何合理架构css?

用CSS让< pre>标签自动换行

精品推荐
分类导航