scss !default !optional !global用法解析

543 阅读1分钟

!default

!default标记为变量设置默认值 主要用在组件库中,组件库本身给变量设置默认值,组件使用者可以覆盖变量的值,以达到可定制主题的功能。

!optional

  1. !optional标记用于防止@extend未定义的类名是产生报错
  2. !optional标记用于@extend时产生冲突时,取消@extend操作

参考如下代码片段:

!global

!global标记局部变量为全局变量