scss-!optional

A Loity 發布于2019-04-23 13:15 / 2363人閱讀

摘要：翻譯成漢語具有可選的的意思。顧名思義，標記前面的擴展不必須生成一個新的選擇器。代碼修改如下由于是可選的，即便樣式類不存在也不會報錯。

　　optional翻譯成漢語具有"可選的"的意思。顧名思義，!optional標記前面的擴展不必須生成一個新的選擇器。看一段SCSS代碼片段：

p{
   color:red;
   @extend .notice 
 }

　　由于并不存在一個名為notice的樣式類，所以上述代碼會報錯。代碼修改如下：

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

　　由于是可選的，即便notice樣式類不存在也不會報錯。編譯結果如下：

p {
  color: red;
}

GPU云服務器云服務器 SCSS html5 scss options optional

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1629.html

Gulp入門教程

摘要：本教程分為兩個部分先講解的使用及參數說明，后以一個實際項目案例作為演練。或自動監視文件變化并執行指定的任務。項目代碼下載其他文獻官方接口文檔很多演示項目代碼其它教程文章 Gulp介紹 Gulp是一個前端開發的自動化構建工具。前端開發往往需要把LESS/SCSS文件進行編譯成CSS文件，JavaScript多文件合并成一個文件并壓縮以及一些其他需要重復性操作的工作。而Gulp就是通過簡單...

levius 2019-08-19 17:21 評論0 收藏0
webpack4詳細教程，從無到有搭建react腳手架（三）

摘要：相關鏈接詳細教程，從無到有搭建腳手架一詳細教程，從無到有搭建腳手架二安裝配置創建，效果安裝配置創建效果配置模式修改配置現在編譯后的由動態內聯在中，需要分離到單獨的文件安裝插相關鏈接 webpack4詳細教程，從無到有搭建react腳手架（一） webpack4詳細教程，從無到有搭建react腳手架（二） Css 安裝loader yarn add style-loader css...

Sunxb 2019-08-23 18:35 評論0 收藏0
在vue-cli中應用scss/less全局變量

摘要：首先需要安裝插件修改的，找到的加載設置修改為，這里的路徑即是我們定義全局變量的地方修改的，找到的加載設置這里的路徑即是我們定義全局變量的地方替換成上面自定義的函數更多詳細知識介紹請訪問我的個人主頁首先需要安裝插件：sass-resources-loader npm i sass-resources-loader --save-dev scss: 修改vue-cli的build/uti...

Alex 2019-08-23 16:20 評論0 收藏0
初探react技術棧（一）

摘要：相信用的同學也不少找到函數在其中中添加啟用編譯。。。react 最近已經開始使用react技術棧了，從頭開始搭建項目，有必要的記錄一下配置的過程以及項目分層的思路，這次后臺項目采用的主要采用react-create-app腳手架以及Ant DesignUI 以及多語言react-intl create-react-app 這是官方維護的腳手架應用我們一般也采用這個 $ npm or c...

劉玉平 2019-05-23 16:23 評論0 收藏0
初探React技術棧（一）

react 最近已經開始使用react技術棧了，從頭開始搭建項目，有必要的記錄一下配置的過程以及項目分層的思路，這次后臺項目采用的主要采用react-create-app腳手架以及Ant DesignUI 以及多語言react-intl create-react-app 這是官方維護的腳手架應用我們一般也采用這個 $ npm or cnpm $ npm install create-react...

neroneroffy 2019-08-26 13:53 評論0 收藏0