关于mixin的一些问题
来源：3-12 sass伪类继承
功不唐捐终入海
2020-06-01 17:52:47
1.@include mymixin; @include mymixin();我发现这两种写法都是可以一模一样的效果。
2.
@mixin mymixin{
color:#f01414;
border:1px solid #eee;
font: {
size:15px;
weight:bold;
}
}
div{
@include mymixin;
}
结果：
div {
color: #f01414;
border: 1px solid #eee;
font-size: 15px;
font-weight: bold;
}
当font 少了冒号时：
@mixin mymixin{
color:#f01414;
border:1px solid #eee;
font{
size:15px;
weight:bold;
}
}
div{
@include mymixin;
}
结果：
div {
color: #f01414;
border: 1px solid #eee;
}
div font {
size: 15px;
weight: bold;
}
这是mixin的什么特性？是什么原理啊？
1回答
-
好帮手慕星星
2020-06-01
同学你好，问题解答如下：
1、当mymixin方法没有参数的时候，@include mymixin;后面加不加括号都是可以的；如果有参数，需要传参时，是需要加括号的。例如：
2、font后面少了冒号，就不是一个属性了，解析的时候当做了一个标签，所以会有
但是里面的size和weight属性是没有的，样式添加不上。
自己测试理解下，祝学习愉快~
0
相似问题