怎么判断浏览器是否支持css3 的自定义属性

如果浏览器支持，可以方便测定，如果不支持，就不太方便。
你可以加入你的定义，看浏览器的结果，是否达到你要的效果，达到了，就算支持，没达到就不支持。部分达到，就是部分支持。
据说，CSS自定义属性已经在正式版Chrome，Firefox和桌面版Safari 9.1中获得支持。微软Edge浏览器考虑支持。calc() 运算不一定支持。
检测方法 CSS：
@supports ( (--a: 0)) {
/* supported */
}
@supports ( not (--a: 0)) {
/* not supported */
}
检测方法 JS：
if (window.CSS && window.CSS.supports && window.CSS.supports('--a', 0)) {
alert('CSS properties are supported');
} else {
alert('CSS properties are NOT supported');
}
没有 css.supports() 的 用 Wes Bos 的方法测试。

可以上caniuse这个网站查看相关属性