<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>╭╰Original　Colors╯╮ - 认真工作 &#187; IE</title>
	<atom:link href="http://www.originalcolors.cn/work/tag/ie/feed" rel="self" type="application/rss+xml" />
	<link>http://www.originalcolors.cn/work</link>
	<description>show the colorsssssss in my WORK</description>
	<lastBuildDate>Tue, 20 Jul 2010 20:21:48 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>来来来，大家都来写CSS HACK吧~ IE5/6/7/8 + FF1/2/3 + Safari + Chrome + Opera</title>
		<link>http://www.originalcolors.cn/work/css-hacks.html</link>
		<comments>http://www.originalcolors.cn/work/css-hacks.html#comments</comments>
		<pubDate>Tue, 02 Mar 2010 02:15:03 +0000</pubDate>
		<dc:creator>ponytail</dc:creator>
				<category><![CDATA[┨Stuuuuuuuudy]]></category>
		<category><![CDATA[Chrome]]></category>
		<category><![CDATA[CSS Hack]]></category>
		<category><![CDATA[FF]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[opera]]></category>
		<category><![CDATA[safari]]></category>

		<guid isPermaLink="false">http://www.originalcolors.cn/work/?p=591</guid>
		<description><![CDATA[到处看来，记录整理一下，现在用着以后肯定也要一直用。。。
normal
.sampleCss {
height:10px;
}
FF &#38; IE8/7/6
.sampleCss {
height: 10px;
height: 10px\9;
*height: 10px;
_height:10px;
}

Firefox 2及以前版本
body:empty .selector {
height:10px;
} 或
#selector[id=SELECTOR] {
height:10px;
} 或
html&#62;/**/body .selector, x:-moz-any-link {
height:10px;
}
Firefox 3
html&#62;/**/body .sampleCss, x:-moz-any-link, x:default {
height:10px;
} 或
@-moz-document url-prefix(){
.sampleCss{height:10px;}
}
Safari3
body:nth-of-type(1) .sampleCss {
height:10px;
} 或
@media screen and (-webkit-min-device-pixel-ratio:0){
.sampleCss{height:10px;}
}
Chrome
body:nth-of-type(1) .sampleCss {
height:10px;
}
Opera
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){
head~body .sampleCss{ height:10px;}
}
补充：
@media all and (min-width:0) {
.class{
background-color:#FF00FF; /*Opera和Safari */
html* .class{
background-color:# 808080; /*Saafari*/
}
}
}
2010.05.12 补充 幸福收藏夹-说说CSS Hack 和向后兼容
/***** Selector Hacks ******/
/* IE6 and below */
* html #uno  { color: red }
/* [...]]]></description>
			<content:encoded><![CDATA[<p>到处看来，记录整理一下，现在用着以后肯定也要一直用。。。</p>
<p><strong>normal</strong><br/>
.sampleCss {<br/>
height:10px;<br/>
}</p>
<p><strong>FF &amp; IE8/7/6</strong><br/>
.sampleCss {<br/>
height: 10px;<br/>
height: 10px\9;<br/>
*height: 10px;<br/>
_height:10px;<br/>
}<br/>
<span id="more-591" ></span><br/>
<strong>Firefox 2及以前版本</strong><br/>
body:empty .selector {<br/>
height:10px;<br/>
} 或<br/>
#selector[id=SELECTOR] {<br/>
height:10px;<br/>
} 或<br/>
html&gt;/**/body .selector, x:-moz-any-link {<br/>
height:10px;<br/>
}</p>
<p><strong>Firefox 3</strong><br/>
html&gt;/**/body .sampleCss, x:-moz-any-link, x:default {<br/>
height:10px;<br/>
} 或<br/>
@-moz-document url-prefix(){<br/>
.sampleCss{height:10px;}<br/>
}</p>
<p><strong>Safari3</strong><br/>
body:nth-of-type(1) .sampleCss {<br/>
height:10px;<br/>
} 或<br/>
@media screen and (-webkit-min-device-pixel-ratio:0){<br/>
.sampleCss{height:10px;}<br/>
}</p>
<p><strong>Chrome</strong><br/>
body:nth-of-type(1) .sampleCss {<br/>
height:10px;<br/>
}</p>
<p><strong>Opera</strong><br/>
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){<br/>
head~body .sampleCss{ height:10px;}<br/>
}</p>
<p>补充：<br/>
@media all and (min-width:0) {<br/>
.class{<br/>
background-color:#FF00FF; /*Opera和Safari */<br/>
html* .class{<br/>
background-color:# 808080; /*Saafari*/<br/>
}<br/>
}<br/>
}</p>
<p class="entry-title" ><strong>2010.05.12 补充 幸福收藏夹-<a  title="Permanent Links to 说说CSS Hack 和向后兼容" rel="bookmark" href="http://www.happinesz.cn/archives/1331/">说说CSS Hack 和向后兼容</a></strong></p>
<p>/***** Selector Hacks ******/</p>
<p>/* IE6 and below */<br/>
* html #uno  { color: red }</p>
<p>/* IE7 */<br/>
*:first-child+html #dos { color: red }</p>
<p>/* IE7, FF, Saf, Opera  */<br/>
html&gt;body #tres { color: red }</p>
<p>/* IE8, FF, Saf, Opera (Everything but IE 6,7) */<br/>
html&gt;/**/body #cuatro { color: red }</p>
<p>/* Opera 9.27 and below, safari 2 */<br/>
html:first-child #cinco { color: red }</p>
<p>/* Safari 2-3 */<br/>
html[xmlns*=""] body:last-child #seis { color: red }</p>
<p>/* safari 3+, chrome 1+, opera9+, ff 3.5+ */<br/>
body:nth-of-type(1) #siete { color: red }</p>
<p>/* safari 3+, chrome 1+, opera9+, ff 3.5+ */<br/>
body:first-of-type #ocho {  color: red }</p>
<p>/* saf3+, chrome1+ */<br/>
@media screen and (-webkit-min-device-pixel-ratio:0) {<br/>
#diez  { color: red  }<br/>
}</p>
<p>/* iPhone / mobile webkit */<br/>
@media screen and (max-device-width: 480px) {<br/>
#veintiseis { color: red  }<br/>
}</p>
<p>/* Safari 2 &#8211; 3.1 */<br/>
html[xmlns*=""]:root #trece  { color: red  }</p>
<p>/* Safari 2 &#8211; 3.1, Opera 9.25 */<br/>
*|html[xmlns*=""] #catorce { color: red  }</p>
<p>/* Everything but IE6-8 */<br/>
:root *&gt; #quince { color: red  }</p>
<p>/* IE7 */<br/>
*+html #dieciocho {  color: red }</p>
<p>/* Firefox only. 1+ */<br/>
#veinticuatro,  x:-moz-any-link  { color: red }</p>
<p>/* Firefox 3.0+ */<br/>
#veinticinco,  x:-moz-any-link, x:default  { color: red  }</p>
<p>/***** Attribute Hacks ******/</p>
<p>/* IE6 */<br/>
#once { _color: blue }</p>
<p>/* IE6, IE7 */<br/>
#doce { *color: blue; /* or #color: blue */ }</p>
<p>/* Everything but IE6 */<br/>
#diecisiete { color/**/: blue }</p>
<p>/* IE6, IE7, IE8 */<br/>
#diecinueve { color: blue\9; }</p>
<p>/* IE7, IE8 */<br/>
#veinte { color/*\**/: blue\9; }</p>
<p>/* IE6, IE7 &#8212; acts as an !important */<br/>
#veintesiete { color: blue !ie; } /* string after ! can be anything */</p>

	标签：<a href="http://www.originalcolors.cn/work/tag/chrome" title="Chrome" rel="tag nofollow">Chrome</a>, <a href="http://www.originalcolors.cn/work/tag/css-hack" title="CSS Hack" rel="tag nofollow">CSS Hack</a>, <a href="http://www.originalcolors.cn/work/tag/ff" title="FF" rel="tag nofollow">FF</a>, <a href="http://www.originalcolors.cn/work/tag/ie" title="IE" rel="tag nofollow">IE</a>, <a href="http://www.originalcolors.cn/work/tag/opera" title="opera" rel="tag nofollow">opera</a>, <a href="http://www.originalcolors.cn/work/tag/safari" title="safari" rel="tag nofollow">safari</a><br />

	<br /><h4>相关日志</h4>
	<ul class="st-related-posts">
	<li><a href="http://www.originalcolors.cn/work/kill-ie6.html" title="今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！ (2009-06-03)">今天你KILL IE6了没？~ 【STOP/SAY NO TO/NO MORE/KILL/THE DAMED/I HATE/CRASH IE6】十一法全攻略！</a> (6)</li>
	<li><a href="http://www.originalcolors.cn/work/kill-ie6-2.html" title="【转载】Web技术要发展，IE6必须被消灭！ (2009-07-21)">【转载】Web技术要发展，IE6必须被消灭！</a> (1)</li>
	<li><a href="http://www.originalcolors.cn/work/chrome-experiments-javascript.html" title="来体验一下Chrome Experiments，玩玩JS效果吧~ (2009-03-19)">来体验一下Chrome Experiments，玩玩JS效果吧~</a> (0)</li>
	<li><a href="http://www.originalcolors.cn/work/iphone-itouch-mobile-safari-web-app.html" title="iPhone/iTouch，Mobile Safari Web App 开发相关 (2010-04-21)">iPhone/iTouch，Mobile Safari Web App 开发相关</a> (0)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://www.originalcolors.cn/work/css-hacks.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
