基于对CSS自定义属性的支持加载样式表？

Question

<link>支持有条件加载CSS的media属性。是否有可以近似support for CSS variables的媒体查询？不知怎的，这样。如果一些支持CSS变量的浏览器也能获得遗产，那就没关系了。只有一个样式表加载才重要。

<link rel="stylesheet" href="legacy.css" media="(???)">
<link rel="stylesheet" href="modern.css" media="(???)">

Answer 1

据我所知，我不相信你可以在媒体查询中做到这一点。但是，您可以在JavaScript中测试支持并相应地注入CSS。

var newLink = document.createElement('link');
newLink.rel = 'stylesheet';

if (window.CSS.supports('--modern-var', 0)) {
    newLink.src = 'modern.css';
}
else {
    newLink.src = 'legacy.css';
}

document.head.appendChild(newLink);