Sass(Scss)变量用法

 时间:2024-10-13 20:09:52

1、html导入Sas衡痕贤伎s / Scss 文件和导入css文件一样,但是需要先把sass / scss文件先编译成css文件。HBuilder可以自动编译,当创建完sass / scss文件保存后就会自动生成css文件,再在HTML中导入该css文件即可。

Sass(Scss)变量用法

2、Sass变量:($符号标识变量)$变量名:变量值 ;(1.$变量名 : 筐毙险裆变量值 ; $变量名 : 变量值 ;)(2.$变量名 : ' 变量值 ' , ' 变量值 ' , ' 变量名 ' ;)

Sass(Scss)变量用法

3、补充一个例子(比上一个复杂一点的):$fontcolor : #f00 ;$border : 1px solid $fontcolor ;div { border : $border ; }

Sass(Scss)变量用法

4、再给变量名命名的时候有的人会习惯加中划线或者下划线($border-color / $bor蟠校盯昂der_color)中划线和下划线命名使用相同,可以通用,也就是说当你命名变量名时用了中划线,再使用该变量时用了下划线,也是识别的,反之一样。

Sass(Scss)变量用法

5、如果出现两个变量名相同的情况下,会识别最后一个,前面的会被后面的覆盖。

Sass(Scss)变量用法

6、!default 表示默认值,用于变量(前面的就不会被后面的覆盖了)(举个简单的例子,就能理解了)

Sass(Scss)变量用法
  • 芒果TV怎么开启5G流量离线缓存
  • 怎样扫描检测监视器的硬件改动?
  • 新硬盘分区教程
  • 魔力宝贝勇闯地宫55层攻略
  • 开饭店怎么吸引客人
  • 热门搜索
    旅游观光礼仪 安康有哪些旅游景点 飘邈之旅游戏 美国旅游指南 云南旅游风光 旅游局英文 浙江旅游职业学院地址 秦皇岛旅游团 旅游 网站 巴厘岛 旅游