CSS Hack para Google Chrome e Safari 3.1
Postado por: Pedro Rogério emUma 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!
——————————————————————–
Bom artigo, porém como o amigo acima disse, o Mozilla também interpreta o nth-of-type, pra quem não sabe, essa é uma propriedade CSS3, e com as novas atualizações do Firefox, ele também se tornou apto a interpretar essa regra.
Abraços!
Essa dica não funciona mais, pois afeta diretamente o Firefox e o Opera.
Segue um hack “novo” que funciona perfeitamente pra Chrome e Safari:
@media screen and (-webkit-min-device-pixel-ratio:0){
p { color:#333; }
}
PERFEITO!
Da hora!…perfeito mesmo!
Agora sim!
http://www.ricardo-freitas.com/css-hack-para-google-chrome-e-safari/comment-page-1/#comment-142
MElhor blog sobre este assunto
Esse blog é muito bom mesmo. Realmente resolve!!
nenhum desses deu certo !!!!!!
salvou minha vida =D