CSS中src()函数：url()的语义化替代方案为何未获浏览器支持？

核心结论 #

是的，src()是CSS Values and Units Level 4规范中提出的新特性，目前没有任何主流浏览器（包括Chrome、Firefox等）实现该函数，这就是你无法在浏览器中使其生效、且MDN暂无相关文档的原因。

补充说明 #

• src()的设计目的是解决url()的遗留解析问题：url()受历史语法限制，无法在内部嵌套var()、attr()等CSS函数；而src()则支持这种嵌套用法，语法更灵活。
• 该特性自2020年被纳入草案后，至今仍处于规范阶段，尚未进入浏览器实现环节。

查询实现进度的资源 #

• Chromium Bug Tracker：搜索关键词「CSS src() function」，可查看Chrome/Edge团队是否有相关实现计划或讨论议题；
• Firefox Bugzilla：同样搜索该关键词，了解火狐浏览器的跟进状态；
• CSS Working Group文档：关注CSS Values and Units Level 4规范的更新记录，或查看WG的会议纪要，了解特性的推进节奏；
• Can I Use：虽然目前暂无src()的条目，但该网站会实时更新CSS特性的浏览器兼容性，后续若有实现会第一时间收录。

搜索技巧 #

由于src在CSS和HTML中有大量其他用法（比如@font-face的src属性、HTML元素的src属性），搜索时建议添加限定词，比如用「CSS src() function implementation」来过滤无关结果，提升搜索精准度。

内容的提问来源于stack exchange，提问作者Alexander