IE6 的 !important

标签: !important IE6 CSS 相关 | 发表时间:2011-08-04 03:35 | 作者:sofish 蓝精灵
分享到:
出处:http://sofish.de

从开始要学解决 CSS 兼容问题时候起,就经常听 important 有各种坏处,不要使用,并且 IE6 下不能生效。所以一下没有用 !important。直到昨天给新人讲 CSS 的时候,这个问题才被提起。早上旁边的小姑娘又问起,我说写个测试。结果如下(IE6截图):

ie6 important

示例代码如下:

<!doctype html>
<html>
<head>
	<style>
	.first{color:#f30!important;}
	.second{color:#f30!important;color:blue;}
	.third{color:green;color:#888!important;}
	.forth{color:#f60!important;}
	.fifth{color:#eee;}
	.sixth{color:#f60;}
	.seventh{color:#c30!important;}
	.eighth{color:#ff0!important;}
	.eighth{color:blue!important;}
	</style>
</head>
<body>

	<p class="first" style="color:green">.first{color:#f30!important;}</p>
	<p class="second" style="color:green">.second{color:#f30!important;color:#blue;}</p>
	<p class="third" style="color:green">.third{color:#green;color:#888!important;}</p>
	<p class="forth fifth" style="color:green">
		.forth{color:#f60!important;}<br />
		.fifth{color:#eee;}
	</p>
	<p class="sixth seventh" style="color:green">
		.sixth{color:#f60;}<br />
		.seventh{color:#c30!important;}
	</p>
	<p class="eighth" style="color:green">
		.eighth{color:#ff0!important;}<br />
		.eighth{color:blue!important;}
	</p>
</body>
</html>

由此我们可以得出的结论是:IE6 下是可以使用 !important 的,但相同选择器内如果 !important 不是写在最后,则 !important 失效。相同元素的不同选择器下,单独定义同一个属性的值,不管选择器的顺序如何,!important 仍然会生效。

多谢 @afc163 同学昨天课堂上做的分析。


© 2011 幸福收藏夹。 版权所有,转载务必注明。域名已经更新为:sofish.de
注意:当你觉得某篇文章有用,请直接看原文,因为通常我都会在写了文章后更新、去错别字、升级观点之类的。

相关 [ie6 important] 推荐:

IE6 的 !important

- 蓝精灵 - 幸福收藏夹
从开始要学解决 CSS 兼容问题时候起,就经常听 important 有各种坏处,不要使用,并且 IE6 下不能生效. 所以一下没有用 !important. 直到昨天给新人讲 CSS 的时候,这个问题才被提起. 早上旁边的小姑娘又问起,我说写个测试. 由此我们可以得出的结论是:IE6 下是可以使用 !important 的,但相同选择器内如果 !important 不是写在最后,则 !important 失效.

从 !important 到关于叹号的 !一切

- - 考据癖
!important 的困惑. 我的邮箱里有一个 label 是“!important”,当初是取义自 CSS 的 !important,想借用“!important”的“重要”之义来标注重要邮件. 后来就后悔了,由于 !important 这种叹号前置的格式像极了叹号作为逻辑非运算符的用法(为啥这句怎么读怎么像病句),每次用这个 label 的时候,都会有种在说这封邮件其实并不重要的感觉.

IE6: 不死心还在

- Titian - 帕兰映像
在刚发布的WordPress 3.2功能一览里面,我认为wordpress 3.2真正的革新是更高的服务器环境要求和不再支持IE6. 其中不支持IE6这一条,勾起了我常久以来想长篇大论一下IE6的冲动. 正好最近循环播放信乐团的一首歌“不死心还在”,该歌名很适合说明当下IE6在中国的状况. 我每次去帮不同的朋友解决电脑问题的时候,他们都在用着IE6.

漫画:IE6这一辈子

- FlyFire - UXD2
原作者网站: http://bradcolbow.com/. 原作者内容授权方式: Creative Commons 2.5. 转载请务必注明原作者署名: Brad Colbow.

js获取各种宽高(ie6&ie6+,firefox,chrome兼容完整版)

- - CSDN博客Web前端推荐文章
ps.由于获取宽和高是一样的道理,只是把字面上height变成width,所以代码只示例高度. 首先是获取浏览器视窗有关的宽高(BOM有关的部分):. 获取电脑屏幕分辨率宽高:window.screen.height. 获取电脑工作区宽高:window.screen.availHeight(所谓的工作区就是除去任务栏剩下的区域,win7可以隐匿任务栏,,这个时候window.screen.availHeight == window.screen.height).

让ie6 7 8 9支持html5 websocket

- - Web前端 - ITeye博客
  从github上的  web-socket-js (socket.io好像也是用这个做的他们的flash替代传输方式)改过来的. 不过值得注意的是里面的flash websocket代理文件,文件实在是很大,有174k. 是flex做的,这点很不喜欢,因为我没有flex builder也不想因为去改代码重新装一个,然后mx包下面的是flex的组件,com包下是adobe封装的socket和两个加密包 ..

研究发现IE6用户IQ最低,Opera最高

- 靛海幽蓝 - Solidot
AptiQuant心理咨询公司公布了最新的浏览器用户IQ测试得分报告(PDF). AptiQuant分析了在其网站上进行IQ测试的用户所用浏览器和他们的IQ得分,样本数超过10万,所有研究对象都来自英语国家,包括美国、加拿大、英国、澳大利亚和新西兰. 他们发现:IE浏览器用户在IQ测试中获得低分的人数相当之多;而Google Chrome、Mozilla Firefox和Apple Safari用户的IQ得分差距不大,但平均得分高于IE;Opera、Camino和IE with Chrome Frame的用户平均得分高于其他用户.

全球IE6倒计时网站中国版上线

- uniqueethan - cnBeta.COM
十年前,一个浏览器诞生了,它的名字是 Internet Explorer 6(以下简称IE6),它伴随我们度过了难忘的网上时光. 十年过去,在拥抱全新网络开发标准的今天,是时候和 IE6 说再见了. IE6 的全球使用率正在不断下降,本网站将会与大家共同见证它退出历史舞台的那一天. 这样,更多的网站将不需要再为技术过时的IE6单独进行开发,而更多用户也 可以体验基于最新技术开发的炫美网络.

AdWords 管理后台明年将不再支持 IE6

- ROY - 谷奥——探寻谷歌的奥秘
Google宣布到今年年底之后,AdWords管理后台将不再支持IE6版本的浏览器,如果你依然使用IE6访问,会看到一个提示,为了得到更优化的性能和更快的体验,让你尽快升级自己的浏览器. IE7/8、Chrome、Firefox、Safari都可,只有IE6不可. 估计明年年初谷歌中国AdWords的支持服务人员们有的忙了…….

Apache2 / Nginx 啟用壓縮(gzip) 於 IE6 的問題說明

- - Tsung's Blog
網站只要能啟用 gzip 壓縮, 都能節省非常多的流量, 下述幾種與對應壓縮方式名稱對應:. apache2.x: deflate (啟用方式: a2enmod deflate). 只是壓縮啟用後, 在 IE6 會有一些問題, 有時候會出現空白頁 / JS 沒載入完. IE6 (含 IE6 以前的版本)不支援 "Transfer-Encoding: chunked", 所以會有問題..