sass的循环for,while,each
2024-08-28 19:18:53
1. for
@for $i from 1 to 10 {
.border-#{$i} {
border: #{$i}px solid blue;
}
}
2. while
$i: 6; @while $i > 0 {
.item-#{$i} { width: 2em * $i; }
$i: $i - 2;
}
3. each
@each $member in a, b, c, d {
.#{$member} {
background-image: url("/image/#{$member}.jpg");
}
} /*或者*/ $icon_name:user,pass,checked,select; @each $i in $icon_name{
.icon_#{$i}{
width: 10px;
}
}
最新文章
- [Java 基础]控制语句
- MongoDB在实际项目中的使用
- C语言之捕捉信号
- WPF 的datagrid 列名中没有显示下划线是怎么回事?
- iptables_forward
- Ubuntu工具:vi编辑器
- 非阻塞式JavaScript脚本介绍
- [iOS UI进阶 - 4.0] 涂鸦app Demo
- C# trace debug TraceListener调试信息详解
- Ubuntu14.04 Server Apache2+subversion环境搭建
- RAC 备份到本地不同设备
- Nginx并发訪问优化
- twisted学习笔记4 部署Twisted 应用程序
- A 01 如何理解会计中的借和贷
- pwd 命令详解
- 笔记:I/O流-ZIP文档
- 【redis 基础学习】(六)Redis HyperLogLog
- 怎样将PDF文件转换成Excel表格
- SOA&;微服务&;服务网格&;高可用
- MySQL ERROR 1300 (HY000): Invalid utf8 character string