为什么不直接使用var.css里的变量,而是要重新定义一个css变量呢

来源:5-5 Collapse 添加样式以及原生 Transition 组件

qq_慕圣1562754

2024-04-30

老师,关于下图中的问题,我不是很理解,就是为什么不能直接使用var.css里定义的css变量呢,而要在collapse.css里重新定义一个变量来使用了,感觉就是多了一层。

图片描述

写回答

1回答

张轩

2024-05-01

同学你好

因为这就是作用域的最佳实践了,可以更好更方便的完成个性化,这里将 collapse-border-color 限定在这个组件中的一个变量,假如你想个性化,那么修改这个变量就可以,而不是要去修改 border-color-light,因为有可能 color-light 其他地方也使用了,就可能将它覆盖掉了。

0
1
qq_慕圣1562754
明白了,感谢老师的回答
2024-05-06
共1条回复

进阶必学,打造媲美ElementPlus的组件库

Vue3.3 + TS4 ,自主打造媲美 ElementPlus 的组件库

481 学习 · 219 问题

查看课程