scss生成一个公共样式,样式名称为.font-n,其中n为传递参数,使用方法class="font-16",n=16字体大小也是16
时间: 2024-05-09 09:19:38 浏览: 75
css公共样式
px。
SCSS代码如下:
```scss
// 定义公共样式
@mixin font-size($size) {
font-size: $size + px;
}
// 使用公共样式
.font-#{$size} {
@include font-size($size);
}
```
使用方法:
```html
<p class="font-16">这是16px的字体</p>
```
编译后的CSS代码:
```css
.font-16 {
font-size: 16px;
}
```
阅读全文