Css如何只支持Chrome或者Safari，而不是同时支持两款浏览器

Question

Css处理hack时遇到问题，由于Safari，Chrome同属于webkit内核；理论上处理方法都是这两款浏览器同时支持；但现在想只支持Safari、或者只支持Chrome的css办法，求告知；

填坑：

目前没有直接的 css 解决办法，只能用 js 判断其浏览器解决问题；

css：

.a{
    font-size: 8px;
    -o-transform: scale(1);
}
.isFontChrome{ -webkit-transform: scale(0.7) }

js:

//当浏览器为 chrome 时，为其元素添加 class
if (!!window.chrome) $('.a').addClass('isFontChrome');

Answer 1

貌似只能用js判断了浏览器的名字，再加载对应的样式文件

Answer 2

貌似没有吧，，可能要写js判断浏览器类型

Answer 3

.box{
    height: 200px;
    position: relative;
    [;background: red;] //safari
}

//其实更推荐的是不用hack写法，而是不同的样式方案来解决，或者用脚本探测运行环境来单独打补丁。

Answer 4

/ Safari 7.1+ (9.0 is the latest version of Safari at this time) /

_::-webkit-full-page-media, _:future, :root .safari_only {
/此处为css样式/
}

只在Safari生效 Chrome不生效