меньше миксин или селектор для изменения позиции на основе индекса родного брата?
Я пытаюсь отрегулировать положение нескольких родных братьев в зависимости от того, кем они являются. В настоящее время онивсеposition: absolute
, но это'не в камне.
Каждый из них имеет высоту несколько сотен пикселей, но я хочу, чтобы они перекрывали друг друга так, чтобы оставались только позади ».заглянуть» выше тех на несколько пикселей впереди. Самым простым способом, которым я могу придумать, было бы Миксин для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 определенную высоту (не полную высоту) в макете?