如何查找未定义却被使用的CSS变量?
如何查找样式表中未定义的CSS自定义属性?
在复杂或处于开发阶段的样式表中,可能出现既无条件语句也无全局:root声明的情况,导致被选择器引用的某个自定义属性没有赋值定义。
虽然可以通过默认值或回退值缓解该问题,但该如何查找这些孤立的未定义变量?
滚动查看浏览器开发者工具的规则检查器时,可能会显示缺失的声明:
但Chrome和Firefox都不会对已使用但未定义的CSS变量发出警告。
检查documentElement的自定义属性毫无意义,因为此时它们已经被定义。
那是否需要遍历每个元素的样式,检查其自定义属性是否有定义值?(这可能也不生效,因为计算值会回退到浏览器默认值。)
内容的提问来源于stack exchange,提问作者dakab
相关产品推荐
相关产品推荐

