我可以在自定义CSS变量中放入更少的变量吗？

我的任务是使用CSS var（）函数将较少的变量更改为CSS自定义属性

e、 g

我想知道是否可以在这些自定义变量中存储更少的变量？我使用无引导变量作为基础

e、 g

    --list-update-color:      mix(@brand-primary, #00f);
    --message-enquiry-color:  mix(@brand-primary, #00f);
    --ticked-color:          desaturate(lighten(@brand-info, 10%), 10%);
    --selecting-color:       desaturate(lighten(@brand-info, 5%), 10%);

---

简而言之，是的，你可以

现在，正确的答案是：你不应该这样做（除非你打算使用他们的额外能力并设置后备）

所有浏览器都支持较少的变量，因为它们编译为常规CSS。一些浏览器不支持CSS变量，尤其是IE（而且永远不会）

所以，如果你想像使用正则变量一样使用它，那么这个变化就没有任何意义了

但是CSS变量远不止这些。它们，它们提供了DOM树作用域，当用作渐进增强时，可以提供更好的用户体验

只要记住，你必须完全为他们，这样（不要得到完全空的声明）

总之，您可能希望保留较少的变量，将它们用作CSS变量中的默认值，并为它们设置适当的回退

    --list-update-color:      mix(@brand-primary, #00f);
    --message-enquiry-color:  mix(@brand-primary, #00f);
    --ticked-color:          desaturate(lighten(@brand-info, 10%), 10%);
    --selecting-color:       desaturate(lighten(@brand-info, 5%), 10%);