网管联盟 | 网管论坛 | 网管u家 | 网管博客 | 网管软件 | 网管求职 | 小游戏 | 网管搜索 | 网管原创 | 网管聚合 | 网管读摘 | 网管焦点 | 世界素材 | 会员投稿 | 会员中心 
中国网管联盟
Windows Linux Cisco 网络技术 数据库 黑客攻防 DotNet Java PHP 认证 新闻资讯 服务器 存储资讯 网络设备 网管学堂 技术专题 焦点 网吧频道
 当前位置: > bitsCN.com > 网管学堂 > 网页设计 > HTMLCSS > CSS的BUG:IE6中一个奇怪的现象!  

CSS的BUG:IE6中一个奇怪的现象!

2007-05-22  作者:bitsCN整理  来源:中国网管联盟  点评 投稿 收藏

  先声明,是偶的同事xpoint遇到的,不是偶首发的。不说这句话偶肯定挨揍...当ID与Class组合使用的时候在IE6下无法正常显示。 网管网www.bitscn.com

CSS代码: 网管bitscn_com

#f{ font-size:20px}
#f.a{color: red;}
#f.b{color: black; font-size:50px}
#f.c{color: blue;}
#f.d{color: orange;} 网管联盟bitsCN_com

HTML代码: 中国网管联盟bitsCN.com

<div id=”f” class=”a”>a</div>
<div id=”f” class=”b”>b</div>
<div id=”f” class=”c”>c</div>
<div id=”f” class=”d”>d</div>

网管u家u.bitscn@com

幻想一下IE会把它解释成什么?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.webjx.com</title>
<style type="text/css">
#f{ font-size:20px}
#f.a{color: red;}
#f.b{color: black; font-size:50px}
#f.c{color: blue;}
#f.d{color: orange;}
</style>
</head>
<body>
<div id="f" class="a">a</div>
<div id="f" class="b">b</div>
<div id="f" class="c">c</div>
<div id="f" class="d">d</div>
</body>
</html>

中国网管联盟bitsCN.com


TAGs   奇怪   现象   一个   div   class   color:   id   #f.b   black   font-size:50px      
 上一篇:学习CSS实现网页布局的基础知识   下一篇:新手来简单学习CSS的display属性
CSS的BUG:IE6中一个奇怪的现象! 评论:
loading.. 评论加载中…
评论:请自觉遵守互联网相关政策法规,评论不得超过250字。

验证码: 注册用户
本类热门排行:
最新推荐文章:
网管论坛交流: