sass 插值语句的使用

定义了一个 px 转 rem 的函数

@function remP($px) {@return $px / (750 / 15) * 1rem;
}

在使用 calc 的时候想要使用函数求值的时候遇到了需要使用插值语句来完成的情况

    .content {height: calc(100vh - #{remP(100)});}

这里不能直接使用 remP(100)，需要使用 #{} 差值语句将变量函数等求值才行

转载于:https://www.cnblogs.com/3body/p/10843572.html

sass 插值语句的使用相关推荐

Sass笔记（CSS 的预编译语言）
在线转换:https://www.sass.hk/css2sass/ Sass 是一种 CSS 的预编译语言.它提供了变量(variables).嵌套(nested rules). 混合(mixin ...
sass安装步骤、概述、基本语法等
SASS sass的安装步骤 1) 在cmd中输入 sass -v 或 sass --version 只要其中一个有版本号就不需要以下操作了. 2) 在cmd中输入ruby -v ,查看是否有版本号 ...
Sass 3 的环境搭建及开发
目录简介安装 Ruby Sass koala Visual Studio Code 基本使用使用变量嵌套CSS规则导入Sass文件注释混合器媒体查询选择器继承简介 Sass是一个C ...
css预处理器sass/scss入门
sass/scss入门一.css预处理器是什么? 二.为什么要用css预处理器? 三.sass.less.stylus的区别? 四.sass与scss 五.sass安装六.sass常见用法 6.1 ...
node-sass改dart-sass and 一些七七八八，实现sass主题色修改
sass相关七七八八 dart-sass sass SCSS变量 css变量 SCSS数据类型 !default 插值语句条件语句 @if @for循环 @each循环 @while循环 @impo ...
Sass快速入门笔记（将主要知识点截取出来，参考官方文档和一些网络教学视频）
文章目录一.安装Sass(全部参考Sass官方文档) 1.windows需先安装`RuBy`,`Mac`系统自带`RuBy`无需安装 2.Sass安装二.编译css文件 1.单个文件编译(命令行) ...
SassScript（sass使用）
SassScript(sass使用) 在 CSS 属性的基础上 Sass 提供了一些名为 SassScript 的新功能. SassScript 可作用于任何属性,允许属性使用变量.算数运算等额外功能 ...
关于Sass的学习~
自学的Sass,清内存,把自己学习时用的文档保存一下~ 1 . Sass 允许将一套 CSS 样式嵌套进另一套样式中,内层的样式将它外层的选择器作为父选择器, 避免了重复输入父选择器. #main { ...
一、SASS(SCSS)
文章目录一.为什么有出现css预处理器二.css预处理器(Sass/Scss.Less......)是什么? 三.Sass和Scss的关系四.配置Sass编译环境五.Sass语法拓展 5.1 ...

sass 插值语句的使用

sass 插值语句的使用相关推荐

最新文章

热门文章