繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 针对class、id所做的CSS HACK
- CSS样式表
- 网页表单在浏览器的表现实例
- 符合WEB标准的网页图像的代码精简
- 清除浮动clear:both的应用详解
- WEB标准教程:功能丰富的段落P标签
- 针对class、id所做的CSS HACK
- WEB标准教程:链接和文本标签的应用
- 看看网页高手怎么理解Web标准
- WEB标准教程:P标签的应用
- 从腾讯网站首页改版学到的几点体会心得
- 解决网站防挂IFRAME木马的原理
- Web标准:关于web标准的一些初学的知识
- CSS实例:让页脚保持在未满屏页面的底部
- CSS教程:弄懂闭合浮动元素
- CSS教程:关于H1的使用技巧
- css网页设计非常有用的解决办法
- CSS高级技巧:网页布局
- CSS实例:三列等高布局
- Web标准前途是否依赖浏览器技术
- Web标准：文档类型和网页浏览器
- WEB标准学习经验总结
CSS样式表 中的 针对class、id所做的CSS HACK
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 46 ::
收藏到网摘: n/a
这是一篇关于CSS HACK的文章，这篇文章中提到的CSS HACK是针对class、id中属性的HACK，排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSS HACK。
.test{/*FF*/
height:20px;
background-color:orange;
}
* html .test{/*IE7*/
height:20px;
background-color:blue;
}
*html .test{/*IE6*/
height:20px;
background-color:black;
}
通过上面的CSS代码可以看出FF还是最听话的浏览器，在IE6和IE7如果要使用HACK必须要在前面加上夫级标签html。这里就很好记忆了，IE6加*html，而IE7加* html，暗示加了一个版本。通过对class、id所做的CSS HACK好处在于不用顾及前后顺序，而且便于管理和其他人员接受，还可以通过这种HACK实现类似JS浏览器版本的控制。缺点嘛可能就是产生大量的代码吧！好了，大致就先说说这些。
上面内容看完可以点击下面的效果在不同浏览器来看看效果，其中橙色代表FF，蓝色代表IE7，黑色代表IE6。大家可以自行测试
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>CSS hack</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.test{/*FF*/
height:20px;
background-color:orange;
}
* html .test{/*IE7*/
height:20px;
background-color:blue;
}
*html .test{/*IE6*/
height:20px;
background-color:black;
}
</style>
</head>
<div class="test"></div>
<body>
</body>
</html>
评论 (0) All
