CSS Hack para Google Chrome e Safari 3.1
Postado por: Pedro Rogério em 5 de setembro de 2008Uma dica rápida para aqueles que precisam aplicar CSS somente para o Google, a regra abaixo é válida e somente funciona no Google Chrome e Safari 3.1:
body:nth-of-type(1) p{
color: #333333;
}
Para obter mais informações, visite o site evotech.net.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
nth-of-type também é aceito no Opera, acredito que nele também irá funcionar
Perfeito. funciona certinho!
Se usa para ajustar o chrome, ele interfere no firefox
Ex:
#elemento {margin: 10px 0 0 0;}
/* Google Chrome hack */
body:nth-of-type(1) #elemento {margin: 15px 0 0 0;}
/* Google Chrome hack */
De alguma forma ele inverteu, o jeito que ficava errado no chrome, com a hack passa pro firefox.. Solução?
o q sera feito com esse comando?????
Muito boa essa dica! Estava sofrendo com um bug no chrome, e agora foiii!! heheh……tks!
O Mozilla tmb usa nth-of-type. Se vc tiver problemas para aplicar CSS no Safarai, por exemplo, fique sabendo que o efeito (inverso) vai ser aplicado no Mozilla. Isso acontece porque o Safari usa renders de medida que são diferentes do Mozilla.
A melhor solução (ao invés de hacks), é usar 9-slice ou planejar melhor o layout do website. Cuidados especiais quando aplicar CSS em componentes de formulario (InputText, Checkbox, etc).
——————————————————————–
Abraços!
——————————————————————–