为什么在CSS里用dns-prefetch预加载图片域名没效果？

我在做页面优化时，想用dns-prefetch预加载第三方图片域名，但发现DNS查询还是延迟了。之前在CSS文件里这样写的：

/* 图片资源预加载 */
@dns-prefetch images.example.com;
@dns-prefetch static.res.example.net;

然后在HTML里也加了标签，但用Chrome开发者工具看网络面板，第三方图片的DNS查询时间还是显示在页面加载中期才开始。我特意清空了浏览器缓存重新测试，结果还是一样…

奇怪的是如果直接在HTML head里写就能生效，为什么CSS里写同样的规则就无效呢？是不是语法哪里错了？