国产探花免费观看_亚洲丰满少妇自慰呻吟_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.        // 使用括號包裹之后,執行除法操作   
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 准格尔旗| 岳池县| 长乐市| 临澧县| 色达县| 马公市| 广昌县| 元氏县| 五莲县| 阿合奇县| 孙吴县| 东源县| 顺平县| 乌拉特中旗| 克什克腾旗| 新野县| 桐乡市| 阿拉善右旗| 保德县| 凤冈县| 容城县| 铁力市| 民乐县| 德清县| 万安县| 大理市| 澜沧| 衢州市| 凤城市| 即墨市| 汨罗市| 盖州市| 龙陵县| 江达县| 方城县| 镇原县| 牟定县| 安国市| 朝阳市| 军事| 阳江市|