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 函数用法

    

 

 

 

 

 

 

 

 

 

 

 

posted @ 2023-02-21 11:37  蛙仔  阅读(772)  评论(0编辑  收藏  举报