less - mixin函数讲解
Less mixin是Less的一个强有力的特性。特性的好处之一就是可以重复使用声明,以避免在每次使用时都重复声明一次。
Less里的mixin可以让你创建一些代码块,然后可以在其他地方调用。 mixin将代码分解,使你的代码更易于维护,结构更清楚,以及易于修改维护。
例如,您可以封装某个属性的声明,并允许将其用于不同的选择器,而不必一次又一次地重新命名它。例如:
```LESS
.border-radius {
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.button {
color: #fff;
border radius什么意思 background-color: #000;
.border-radius; /* invoking mixin */
}
```
上面代码中,您创建了一个名为“border-radius”的mixin,它使用几个属性为任何元素设置border-radius属性。仅当需要为某个元素设置border-radius时,才需要调用它。
引用这个mixin可以避免重复发表多次,因为border-radius可以被调用使用。Mixin还提供了更有用的功能,如参数,条件和内部定义。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论