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

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

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

CSS如何让背景不能滚动

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

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

CSS 文本渲染属性text-rendering的介绍和使用示例

CSS的nth-child使用方法

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

精品推荐
分类导航