Não para o IE Only - seletores filho CSS não funcionam no IE
CSS para não-IE Navegadores: Não é nenhuma novidade para os desenvolvedores CSS que, seletores filho CSS como no exemplo abaixo, não parecem funcionar no IE.
por exemplo div> span {alguns css}, que significa "quando um elemento span é uma criança (e não um neto ou filho grande grande etc) de um elemento de divisão".
Mas nós usamos essa CON a nosso favor. Historicamente, o selector de criança tem sido utilizado para ocultar comandos CSS de IE. Simplesmente colocando html>body na frente de qualquer comando CSS IE irá ignorá-lo:
html>body .foo { CSS commands go here ;}
Isso funciona porque <body> é sempre um filho de <html> - pode nunca ser, obviamente, um neto ou bisneto de <html> .
Agora que o IE 7 entende o seletor filho, você tem que inserir uma tag de comentário vazio logo após o sinal de maior que o IE 7 não vai, então, entender este selector (quem sabe por que?) E, portanto, ignorar totalmente este comando CSS.:
html> /**/ body .foo { CSS commands go here ;}
Se não tiverem já visto estes antes, ter uma leitura através do seguinte bem
