乐闻世界logo
搜索文章和话题

sass@mixin可以接受未定义数量的参数吗?

2 个月前提问
2 个月前修改
浏览次数17

1个答案

1

是Sass 的 @mixin 可以接受未定义数量的参数。这种功能通过使用参数列表(arglist)实现,参数列表是一种特殊的变量,可以捕获传递给 mixin 的所有剩余参数。在 Sass 中,可以通过在参数名前加上三个点 ... 来定义这种类型的参数。

这里有一个简单的例子来展示如何使用可变参数列表创建一个用于生成多个文本阴影的 @mixin

scss
@mixin text-shadow($shadows...) { text-shadow: $shadows; } @include text-shadow(1px 1px 0px rgba(0,0,0,0.5), 2px 2px 0px rgba(0,0,0,0.15));

在上面的例子中,$shadows... 是一个参数列表,它会接收所有传递给 @mixin text-shadow 的参数。当 @include 调用这个 mixin 时,所有的参数都会被收集到 $shadows 变量中,然后这些参数会在 text-shadow 属性中被使用,从而生成复合的文本阴影效果。

这种方法使得 @mixin 更加灵活和强大,可以用于各种场景,特别是在处理不确定数量的样式参数时非常有用。

2024年7月20日 15:49 回复

你的答案