css - 需要 Safari 特定的 css hack

Question

我想针对 Safari 6-9 版本并为此需要特定的 css。

我在 safari 7 和 8 下尝试了 css，但它也被应用于 Safari 9：

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

我尝试了 safari 9 的 2 个 hack，但上面的 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%;
    );}
}

任何帮助都是不言而喻的。