手机
当前位置:查字典教程网 >网页设计 > 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中怎么让DIV居中亲自实验得出的结论

css中使input输入框与img(图片)在同一行居中对齐

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

CSS导航菜单制作教程

鼠标经过背景变色之CSS+DIV方法

ie6不兼容hover ie6 a hover属性失效解决办法

css样式命名规范

连续循环向上滚动代码

CSS中display:inline-block属性妙用

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

精品推荐
分类导航