需要Safari特定的css hack

Question

我想针对Safari 6-9版本，并且需要特定的CSS。

我尝试了下面的css for safari 7和8，但它也适用于Safari 9：

_::-webkit-full-page-media, _:future, :root .sellerInfo {
    top: 12%;   /* For safari 7 & 8 but coming on 9 as well */
}

我尝试了2个hack用于safari 9但是上面的一个用9覆盖了下面的

@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    .sellerInfo {
        top: 50%;   /* For safari 9 */
    }
}

_::-webkit-:not(:root:root), div.sellerInfo {
    top: 50%; /* For safari 9 */
}

我还尝试过以下的Safari游戏，但它适用于6和7而不适用于8

@media screen and(-webkit-min-device-pixel-ratio:0) and (min-color-index:0) {
    .sellerInfo{(;    /* for Safari 6 n 7 */
        top: 12%;
    );}
}

任何帮助都会很明显。