首页 > 其他分享 >less和scss的混合(mixin)使用

less和scss的混合(mixin)使用

时间:2023-02-21 11:45:02浏览次数:46  
标签:scss less 样式 用法 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 函数用法

    

 

 

 

 

 

 

 

 

 

 

 

标签:scss,less,样式,用法,mixin,使用
From: https://www.cnblogs.com/grow-up-up/p/17140375.html

相关文章