欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

scss-!optional

程序员文章站 2022-06-22 16:32:53
optional翻译成汉语具有"可选的"的意思。顾名思义,!optional标记前面的扩展不必须生成一个新的选择器。看一段SCSS代码片段: 由于并不存在一个名为notice的样式类,所以上述代码会报错。代码修改如下: 由于是可选的,即便notice样式类不存在也不会报错。编译结果如下: ......

  optional翻译成汉语具有"可选的"的意思。顾名思义,!optional标记前面的扩展不必须生成一个新的选择器。看一段scss代码片段:

p{
   color:red;
   @extend .notice 
 }

  由于并不存在一个名为notice的样式类,所以上述代码会报错。代码修改如下:

p{
  color:red;
  @extend .notice !optional
}

  由于是可选的,即便notice样式类不存在也不会报错。编译结果如下:

p {
  color: red;
}