scss-字符串连接符
2024-10-19 14:45:16
+ 运算可用于连接字符串:
// SCSS
p {
cursor: e + -resize;
}
// 编译后的 CSS 样式
p {
cursor: e-resize;
}
请注意，如果带引号的字符串被添加到不带引号的字符串中（也就是说，带引号的字符串在 + 的左侧），
那么返回的结果是带引号的字符串。同样，如果一个不带引号的字符串添加到带引号的字符串中（不带引号的字符串在 + 的左侧）那么返回的结果是一个不带引号的字符串。 例如：
// SCSS
p:before {
content: "Foo " + Bar;
font-family: sans- + "serif";
}
// 编译后的 CSS 样式
p:before {
content: "Foo Bar";
font-family: sans-serif;
}
默认情况下，运算表达式与其他值连用时，用空格做连接符：
// SCSS
p {
margin: 3px + 4px auto;
}
// 编译后的 CSS 样式
p {
margin: 7px auto;
}
在文本字符串中，#{}式插值可以用来在字符串中放置动态值：
// SCSS
p:before {
content: "I ate #{5 + 10} pies!";
}
// 编译后的 CSS 样式
p:before {
content: "I ate 15 pies!";
}
在字符串插值时，Null值被视为空字符串：
// SCSS
$value: null;
p:before {
content: "I ate #{$value} pies!";
}
// 编译后的 CSS 样式
p:before {
content: "I ate pies!";
}
最新文章
- javascript面向对象（1）
- rsync密码使用要注意的几个点
- lua学习之table类型
- date_default_timezone_set()设置时区
- SQL字符串分组聚合(分组后的数据查询后用逗号隔开)
- 海外支付：抵御信用卡欺诈的CyberSource
- java基础知识回顾之javaIO类---FileInputStream和FileOutputStream字节流复制图片
- libreoffice转换文档的方法（支持各平台各版本的libreoffice）
- RabbitMQ （四） 路由选择 (Routing) -摘自网络
- PAT-乙级-1004. 成绩排名 (20)
- unity4.x for mac破解（含Unity全版本号破解）
- 数据文件、日志文件、归档文件、控制文件、参数文件及RMAN备份数据库信息查询
- 精致的外观Request
- 为了解决这个问题：07文本WORD文档超链接、页码成{HYPERLINK"网站"}、{PAGE}/{NUMPAGES}
- JavaWeb总结(四)—JSP深入解析
- Bitwise And Queries
- js菜鸟进阶-jQuery源码分析(1)-基本架构
- Hadoop面试题目
- Python系列之内置函数
- pyhton 关于 configparser 配置 模块 实践使用中碰到的坑