保罗 乙
我正在按照规范定义变量,如下所示:
:root {
--my-colour: #000;
}
并像这样访问它们:
.my-element {
background: var( --my-colour );
}
哪个工作正常。
但是我想知道是否有一种调试或检查:root
CSS规则的方法,以查看定义了哪些变量以及它们的值是什么?
据我了解,:root
选择器和html
选择器都针对同一元素,但是当我html
使用Chrome的调试工具检查元素时,看不到任何已定义的内容:
有没有办法找出已定义的变量及其值?
詹姆斯·唐纳利
使用Chrome Canary,您可以通过查看元素的计算样式并启用显示全部过滤器来访问它:
...
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
编辑于
我来说两句