资讯专栏INFORMATION COLUMN

scss-!optional

A Loity / 2337人阅读

摘要:翻译成汉语具有可选的的意思。顾名思义,标记前面的扩展不必须生成一个新的选择器。代码修改如下由于是可选的,即便样式类不存在也不会报错。

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

p{
   color:red;
   @extend .notice 
 }

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

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

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

p {
  color: red;
}

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1629.html

相关文章

  • Gulp入门教程

    摘要:本教程分为两个部分先讲解的使用及参数说明,后以一个实际项目案例作为演练。或自动监视文件变化并执行指定的任务。项目代码下载其他文献官方接口文档很多演示项目代码其它教程文章 Gulp介绍 Gulp是一个前端开发的自动化构建工具。前端开发往往需要把LESS/SCSS文件进行编译成CSS文件,JavaScript多文件合并成一个文件并压缩以及一些其他需要重复性操作的工作。而Gulp就是通过简单...

    levius 评论0 收藏0
  • webpack4详细教程,从无到有搭建react脚手架(三)

    摘要:相关链接详细教程,从无到有搭建脚手架一详细教程,从无到有搭建脚手架二安装配置创建,效果安装配置创建效果配置模式修改配置现在编译后的由动态内联在中,需要分离到单独的文件安装插 相关链接 webpack4详细教程,从无到有搭建react脚手架(一) webpack4详细教程,从无到有搭建react脚手架(二) Css 安装loader yarn add style-loader css...

    Sunxb 评论0 收藏0
  • 在vue-cli中应用scss/less全局变量

    摘要:首先需要安装插件修改的,找到的加载设置修改为,这里的路径即是我们定义全局变量的地方修改的,找到的加载设置这里的路径即是我们定义全局变量的地方替换成上面自定义的函数更多详细知识介绍请访问我的个人主页 首先需要安装插件:sass-resources-loader npm i sass-resources-loader --save-dev scss: 修改vue-cli的build/uti...

    Alex 评论0 收藏0
  • 初探react技术栈(一)

    摘要:相信用的同学也不少找到函数在其中中添加启用编译。。。react 最近已经开始使用react技术栈了,从头开始搭建项目,有必要的记录一下配置的过程以及项目分层的思路,这次后台项目采用的主要采用react-create-app脚手架以及Ant DesignUI 以及多语言react-intl create-react-app 这是官方维护的脚手架应用 我们一般也采用这个 $ npm or c...

    刘玉平 评论0 收藏0
  • 初探React技术栈(一)

    react 最近已经开始使用react技术栈了,从头开始搭建项目,有必要的记录一下配置的过程以及项目分层的思路,这次后台项目采用的主要采用react-create-app脚手架以及Ant DesignUI 以及多语言react-intl create-react-app 这是官方维护的脚手架应用 我们一般也采用这个 $ npm or cnpm $ npm install create-react...

    neroneroffy 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<