SAS第八篇 可变参数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*@mixin animate($name,$time,$args...)
{
transition: $name $time $args;
}
div
{
width: 200px;
height: 200px;
background: red;
@include animate(all,4s,linear,0s);
}
div:hover
{
width: 400px;
height: 400px;
background: blue;
}*/
/*以下是css的*/
div {
width: 200px;
height: 200px;
background: red;
transition: all 4s linear, 0s;
}
div:hover {
width: 400px;
height: 400px;
background: blue;
}
</style>
</head>
<body>
<div></div>
<!--只不过由于SASS不是使用JS实现的, 所以不能直接在混合中使用arguments
必须通过 $args...的格式来定义可变参数, 然后通过$args来使用
注意点: 和LESS一样可变参数必须写在形参列表的最后-->
</body>
</html>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2020/08/06 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
腾讯云开发者
