less和scss的混合(mixin)使用
在我们写样式时候,经常会有样式书写的都是一样的,只是有些值不一样而已,但我们却要重复的去写,感觉相当的麻烦。比如给一个按钮写样式,不同的size,尺寸不同,但样式都是一样的,重复写很麻烦,这样我们就可以使用混合的写法,会变得东西作为参数传入即可。less和scss在书写mixin有些许得不同。
1. less使用mixin
less使用mixin,跟正常写类名样式一样得,当然也可以处理成函数得样式,注意:如果是函数,参数得形参必须是以@开头。
1.1 基本用法
1.2 函数用法
2. scss使用mixin
scss中使用mixin,首先 @minin name {} 定义;然后 @include name引用。
2.1 基本用法
2.2 函数用法
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了