CSS siekać na safari 5

Question

Zajmuję się tworzeniem stron WWW, a kiedy testować przekroju przeglądania testów mam mój styl CSS mam konflikt z moim Google Chrome i Safari moim 5.

mój kod dla wszystkich przeglądarek (Firefox , chrome, Opera)

.flex-direction-nav-featured a{ 
     margin-top: 4%; 
    } 

próbuję to jedno, ale to przyzwyczajenie praca

/* for safari only (wont work)*/ 
::root .flex-direction-nav-featured a{ 
    margin-top: 5%; 
} 
/* for safari only (but works with chrome also)*/ 
@media screen and (-webkit-min-device-pixel-ratio:0) { 
     /* works with sfari and chrome */ 
    .flex-direction-nav-featured a{ 
     margin-top: 5%; 
    } 

} 

Czy istnieje hack CSS, który skierowany jest wyłącznie Safari 5? Próbowałem wielu rzeczy, ale żaden nie działał.

Answer 1

Możecie spróbować zablokować chrom poprzez pseudoclass:

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome */ 
    .flex-direction-nav-featured a{ 
     margin-top: 4%; 
    } 

    /* Safari only override */ 
    ::i-block-chrome,.flex-direction-nav-featured a{ 
     margin-top: 5%; 
    } 
} 

Answer 2

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari only override */ 
    ::i-block-chrome,.flex-direction-nav-featured a { 
     margin-top: 5%; 
    } 
}