<?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>Guiabreve &#187; Lista</title>
	<atom:link href="http://guiabreve.com/tag/lista/feed" rel="self" type="application/rss+xml" />
	<link>http://guiabreve.com</link>
	<description>Red Bull-based programming</description>
	<lastBuildDate>Mon, 06 Feb 2012 17:22:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Lista de Hacks corregir errores CSS en distitnos navegadores</title>
		<link>http://guiabreve.com/lista-de-hacks-corregir-errores-css-en-distitnos-navegadores.html</link>
		<comments>http://guiabreve.com/lista-de-hacks-corregir-errores-css-en-distitnos-navegadores.html#comments</comments>
		<pubDate>Mon, 26 Sep 2011 11:45:59 +0000</pubDate>
		<dc:creator>Víctor Falcón Ruiz</dc:creator>
				<category><![CDATA[Recursos]]></category>
		<category><![CDATA[Código]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Hacks]]></category>
		<category><![CDATA[Lista]]></category>
		<category><![CDATA[Navegadores]]></category>
		<category><![CDATA[Tip]]></category>

		<guid isPermaLink="false">http://guiabreve.com/?p=1003</guid>
		<description><![CDATA[El código a continuación no necesita explicación. Se trata, como dice el titulo, de una lista de diferentes hacks para diferentes navegadores de forma que podáramos especificar el navegador al que queramos que afecten cada propiedad. Muchas veces es la única forma de que todo se vea correctamente en todos los navegadores. /***** Selector Hacks <a href="http://guiabreve.com/lista-de-hacks-corregir-errores-css-en-distitnos-navegadores.html">Continuar &#8594;</a>]]></description>
			<content:encoded><![CDATA[<p>El código a continuación no necesita explicación. Se trata, como dice el titulo, de una lista de diferentes hacks para diferentes navegadores de forma que podáramos especificar el navegador al que queramos que afecten cada propiedad. Muchas veces es la única forma de que todo se vea correctamente en todos los navegadores.</p>
<pre class="brush:css">/***** Selector Hacks ******/

/* IE6 and below */
* html #uno  { color: red }

/* IE7 */
*:first-child+html #dos { color: red } 

/* IE7, FF, Saf, Opera  */
html>body #tres { color: red }

/* IE8, FF, Saf, Opera (Everything but IE 6,7) */
html>/**/body #cuatro { color: red }

/* Opera 9.27 and below, safari 2 */
html:first-child #cinco { color: red }

/* Safari 2-3 */
html[xmlns*=""] body:last-child #seis { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:nth-of-type(1) #siete { color: red }

/* safari 3+, chrome 1+, opera9+, ff 3.5+ */
body:first-of-type #ocho {  color: red }

/* saf3+, chrome1+ */
@media screen and (-webkit-min-device-pixel-ratio:0) {
 #diez  { color: red  }
}

/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
 #veintiseis { color: red  }
}

/* Safari 2 - 3.1 */
html[xmlns*=""]:root #trece  { color: red  }

/* Safari 2 - 3.1, Opera 9.25 */
*|html[xmlns*=""] #catorce { color: red  }

/* Everything but IE6-8 */
:root *> #quince { color: red  }

/* IE7 */
*+html #dieciocho {  color: red }

/* Firefox only. 1+ */
#veinticuatro,  x:-moz-any-link  { color: red }

/* Firefox 3.0+ */
#veinticinco,  x:-moz-any-link, x:default  { color: red  }

/* FF 3.5+ */
body:not(:-moz-handler-blocked) #cuarenta { color: red; }

/***** Attribute Hacks ******/

/* IE6 */
#once { _color: blue }

/* IE6, IE7 */
#doce { *color: blue; /* or #color: blue */ }

/* Everything but IE6 */
#diecisiete { color/**/: blue }

/* IE6, IE7, IE8 */
#diecinueve { color: blue\9; }

/* IE7, IE8 */
#veinte { color/*\**/: blue\9; }

/* IE6, IE7 -- acts as an !important */
#veintesiete { color: blue !ie; } /* string after ! can be anything */

/* IE8, IE9 */
#anotherone  {color: blue\0/;} /* must go at the END of all rules */</pre>
<p><small><a href="http://webexpedition18.com/articles/useful-css-snippets/" title="WebExpedition18">Fuente</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://guiabreve.com/lista-de-hacks-corregir-errores-css-en-distitnos-navegadores.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

