网站需求分析的重要,系统开发需要的技术,网站推广基本方法是,wordpress站点用户注册周末愉快呀#xff01;一起来学一点简单但非常有用的css小知识。
最近在一个项目中看到以下css class写法#xff1a; 了解过tailwind css或者unocss的都知道#xff0c;从命名就可以看出有以下样式#xff1a;
font-size: 30pxmargin-left: 5px;margin-top: 10px;
于是…周末愉快呀一起来学一点简单但非常有用的css小知识。
最近在一个项目中看到以下css class写法 了解过tailwind css或者unocss的都知道从命名就可以看出有以下样式
font-size: 30pxmargin-left: 5px;margin-top: 10px;
于是我就去看它的package.json竟然都没有使用。
难道是自己定义的再在代码中全局搜索font30、ml5也都没有搜到。
于是我试着搜了一下mt、ml搜到了这个 这是scss的for循环语法以前只稍微了解过却从不知道有什么用。
看到这个不禁感叹实在是妙啊
scss for循环有两种使用方式
for $i from 开始值 through 结束值 包含结束值for $i from 开始值 to 结束值 不包含结束值
以上代码使用了第一种意思是从1循环到35$i是每一项的值1到35通过#{$i}读取值并拼接class和属性值。分别定义了margin和padding上右下左四个方向的类样式。
在playground中试试看
