手机
当前位置:查字典教程网 >网页设计 > 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让< pre>标签自动换行

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

浏览器不支持position: fix的解决

CSS控制用户浏览网页的光标

CSS学习中的一些技巧

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

CSS教程:闭合CSS浮动元素的几种方法

CSS代码缩写技巧a

解决IE7以下版本不支持无A状态伪类的几种方法!

精品推荐
分类导航