国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS的Sass框架中常用的操作符的使用教程

2024-07-11 08:33:14
字體:
來源:轉載
供稿:網友

賦值操作符

Sass 使用冒號( : )來定義一個變量:

CSS Code復制內容到剪貼板
  1. $main-color: lightgray;  

算術操作符

算術操作符用于執行數學計算,下面是 Sass 所支持的算術操作符:

操作符 簡介
+
-
*
/
% 取余

注意,上面的操作符只能用于單位相同的數值運算:

CSS Code復制內容到剪貼板
  1. h2 {        font-size: 5px + 2em; // 單位不一致,編譯報錯   
  2.     font-size: 5px + 2; // 7px   }  

此外,兩個單位相同的數值相乘無法生成有效的 CSS:

CSS Code復制內容到剪貼板
  1. h2 {        font-size: 5px * 2px; // invalid CSS   
  2. }  

如你所知,/ 操作符本身就是 CSS 簡寫語法的一部分,比如:

CSS Code復制內容到剪貼板
  1. font: 16px / 24px Arial sans-serif;    background: url("http://example.com") no-repeat fixed center / cover;  

但是,Sass 重載了該運算符,用于執行除法操作,下面讓我們看看它是如何解析的:

CSS Code復制內容到剪貼板
  1. h2 {        // 不執行除法操作,原樣輸出   
  2.     font-size: 16px / 24px;       
  3.     // 使用插值語法之后,原樣輸出        font-size: #{$base-size} / #{$line-height};    
  4.        // 使用括號包裹之后,執行除法操作   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 湘潭县| 甘肃省| 高碑店市| 香河县| 志丹县| 徐水县| 普兰县| 兴业县| 奉贤区| 瑞金市| 巴东县| 梧州市| 神木县| 固始县| 静乐县| 萨嘎县| 陵川县| 板桥市| 马关县| 万载县| 陵川县| 青岛市| 望都县| 微博| 东至县| 湘潭县| 新田县| 庆阳市| 桐乡市| 上栗县| 同德县| 根河市| 长子县| 金塔县| 西峡县| 阿瓦提县| 樟树市| 马山县| 新闻| 含山县| 瑞金市|