Target safari css, but not chrome [duplicate]

问题:

This question already has answers here:

is there a css hack for safari only NOT chrome? (18 answers)

Closed 5 years ago.

Ran into a problem, where chrome and safari display margin differently. But both of them are webkit, so can't really use a prefix. Is there any solution, or hack that could help with it?

回答1:

Found somewhere else here. worked fine for me

@media screen and (-webkit-min-device-pixel-ratio:0) { 
/* Safari and Chrome */
.myClass {
 color:red;
}

/* Safari only override */
::i-block-chrome,.myClass {
 color:blue;
}
}