当前位置： 移动技术网 > IT编程>网页制作>CSS > scss-!optional

scss-!optional

2018年10月30日  | 移动技术网IT编程  | 我要评论

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

p{
   color:red;
   @extend .notice 
 }

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

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

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

p {
  color: red;
}

 

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网