Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Parameters 如何在较少的混合中只更改一个参数?_Parameters_Arguments_Less_Less Mixins - Fatal编程技术网

Parameters 如何在较少的混合中只更改一个参数?

Parameters 如何在较少的混合中只更改一个参数?,parameters,arguments,less,less-mixins,Parameters,Arguments,Less,Less Mixins,我想在更少的时间内使用多态性mixin,我已经为我的参数设置了默认值, 考虑到两个多态性mixin都有不同数量的参数,当对不同的元素使用mixin时,我想知道我是否只能指定一个特定的参数值,而让其他的保留它们的默认值。 例如,这里我有两个polymorphismmixin,.testMixin和.box\u 1和.box\u 2分别使用它们,在没有为.box\u 1的mixin提供参数的情况下,编译的CSS包含两个具有给定默认值的mixin。但是我已经将唯一的参数10分配给了.box_2的mix

我想在更少的时间内使用多态性mixin,我已经为我的参数设置了默认值, 考虑到两个多态性mixin都有不同数量的参数,当对不同的元素使用mixin时,我想知道我是否只能指定一个特定的参数值,而让其他的保留它们的默认值。 例如,这里我有两个polymorphismmixin,
.testMixin
.box\u 1
.box\u 2
分别使用它们,在没有为
.box\u 1
的mixin提供参数的情况下,编译的CSS包含两个具有给定默认值的mixin。但是我已经将唯一的参数10分配给了
.box_2
的mixin,它将两个mixin的第一个参数都设置为10,并保留了其他参数值(如果可用)。 以下是问题: 首先,我应该怎么做才能将第二个mixin的第二个参数指定给一个值,同时将第一个和第三个参数都保留为它们的默认值? 第二,我怎样才能只使用其中一个多态性混合器?关于多态性,mixin是根据给定的参数数量使用的

.testMix(@f-size:2){
字体大小:(@f-size*10px);
}
.testMix(@h:300、@s:70%、@l:50%){
颜色:hsl(@h,@s,@l);
}
.盒子{
&_1{
.testMix();
}
&_2{
.testMix(10);
//如何仅指定一个参数,例如仅指定第一个mixin的第二个参数
}

}
你的问题有点含糊。我想如果你想放大图像的一部分,而不改变div/图像的大小,另一种方法是将图像设置为div的背景,然后按如下所述调整它们的大小

*,
*::之前,
*::之后{
填充:0;
保证金:0;
框大小:边框框;
}
.集装箱{
位置:相对位置;
宽度:30%;
高度:200px;
浮动:对;
利润率:1%;
溢出:隐藏;
背景图像:url(“https://images.ctfassets.net/hrltx12pl8hq/6jVTOtduUgVhFTP1h0MqmX/009e866bd1a3f8a965028874c58b2109/shutterstock_547563823.jpg?fit=fill&w=800&h=300");
背景大小:100%100%;
背景位置:中心;
过渡:背景尺寸200ms;
}
.容器::之后{
位置:绝对位置;
最高:100%;
左:0;
内容:“;
宽度:计算(100%-8px);
身高:100%;
背景色:rgba(0,0,0,0.55);
填充:0 8px 0 0px;
}
.container:hover::after{
排名:0;
}
.容器:悬停{
背景尺寸:150%150%;
}

无标题文件

你的问题有点含糊。我想如果你想放大图像的一部分,而不改变div/图像的大小,另一种方法是将图像设置为div的背景,然后按如下所述调整它们的大小

*,
*::之前,
*::之后{
填充:0;
保证金:0;
框大小:边框框;
}
.集装箱{
位置:相对位置;
宽度:30%;
高度:200px;
浮动:对;
利润率:1%;
溢出:隐藏;
背景图像:url(“https://images.ctfassets.net/hrltx12pl8hq/6jVTOtduUgVhFTP1h0MqmX/009e866bd1a3f8a965028874c58b2109/shutterstock_547563823.jpg?fit=fill&w=800&h=300");
背景大小:100%100%;
背景位置:中心;
过渡:背景尺寸200ms;
}
.容器::之后{
位置:绝对位置;
最高:100%;
左:0;
内容:“;
宽度:计算(100%-8px);
身高:100%;
背景色:rgba(0,0,0,0.55);
填充:0 8px 0 0px;
}
.container:hover::after{
排名:0;
}
.容器:悬停{
背景尺寸:150%150%;
}

无标题文件

如果我理解正确,那么需要做的是使图像缩放,但保持在其div内,而不是在填充物上渗出

如果在容器上使用边距,而不是在图像上使用填充,则img会略微缩放,但会保持在其元素内

注:你可能喜欢考虑物体的匹配:包含或覆盖图像而不是宽度/高度100%,这样它不会失真,但取决于你的使用情况。

*,
*::之前,
*::之后{
填充:0;
保证金:0;
框大小:边框框;
}
.集装箱{
位置:相对位置;
宽度:钙(33.33334%-8px);
高度:300px;
/*边框:1px实心#000*/
浮动:对;
溢出:隐藏;
利润率:0.8px 0.0;
}
.容器::之后{
位置:绝对位置;
最高:100%;
左:0;
内容:“;
宽度:100%
身高:100%;
背景色:rgba(0,0,0,0.55);
}
.container:hover::after{
排名:0;
}
.容器:第n个子容器(1){
右边距:0;
}
.集装箱img{
宽度:100%;
身高:100%;
过渡时间:200ms;
}
.容器:悬停img{
转换:比例(1.3);
}

如果我理解正确,那么需要做的是使图像缩放,但保持在其div内,而不是在填充物上渗出

如果在容器上使用边距,而不是在图像上使用填充,则img会略微缩放,但会保持在其元素内

注:你可能喜欢考虑物体的匹配:包含或覆盖图像而不是宽度/高度100%,这样它不会失真,但取决于你的使用情况。

*,
*::之前,
*::之后{
填充:0;
保证金:0;
框大小:边框框;
}
.集装箱{
位置:相对位置;
宽度:钙(33.33334%-8px);
高度:300px;
/*