我正在尝试根据它们是哪个兄弟来调整几个兄弟 div 的位置。目前,它们都是position: absolute
,但这并不是一成不变的。
它们每个都有几百像素高,但我希望它们相互重叠,以便后面的那些只能“窥视”前面的几个像素。我能想到的最简单的方法是为此使用 Less mixin nth-of-type
,而不是仅将规则应用于匹配的一个索引,而是将索引传递给 mixin。基本上,我想要这个:
&:nth-of-type(@n) {
top: @n * 20px;
}
编辑:我目前在做什么:
&:nth-of-type(1) {
.card_offset(1);
}
&:nth-of-type(2) {
.card_offset(2);
}
&:nth-of-type(3) {
.card_offset(3);
}
&:nth-of-type(4) {
.card_offset(4);
}
显然这是非最优的。有没有更好的方法来做到这一点?
或者,是否有一个 CSS 字段'layout-height'
可以让 div 在布局中具有一定的高度(而不是其全高)?