optional翻译成汉语具有"可选的"的意思。顾名思义,!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段:
p{ color:red; @extend .notice }
由于并不存在一个名为notice的样式类,所以上述代码会报错。代码修改如下:
p{ color:red; @extend .notice !optional }
由于是可选的,即便notice样式类不存在也不会报错。编译结果如下:
p { color: red; }
ibabyli 2018-10-30 09:07 原文
optional翻译成汉语具有"可选的"的意思。顾名思义,!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段:
p{ color:red; @extend .notice }
由于并不存在一个名为notice的样式类,所以上述代码会报错。代码修改如下:
p{ color:red; @extend .notice !optional }
由于是可选的,即便notice样式类不存在也不会报错。编译结果如下:
p { color: red; }