Question

Holla All，问题是我想在生成的图像上实现一些带有变量（特定于动画延迟）的css样式我不知道它们的编号我可以用Jquery Yea Easy做到这一点但是用Less Css做什么

@iterations: ??;  This loop will work if I know the num of iterations

//助手类，永远不会出现在结果css中 //只要索引高于0

就会被调用

.loopingClass (@index) when (@index > 0) {
// create the actual css selector, example will result in
// .myclass_30, .myclass_28, .... , .myclass_1
(~".myclass_@{index}") {
    // your resulting css
    my-property: -@index px;
}

// next iteration
.loopingClass(@index - 1);
}

//当index为0

时结束循环

loopingClass (0) {}

//第一次以最高值

“调用”loopingClass

.loopingClass (@iterations);

我的问题是，无论如何使用Less wo获取img的数量使用另一个东西并将其传递给LESS

Answer 1

Css没有这样的循环，所以Less将无法做到这一点。

你可以对每个其他项目设置不同的样式，设置第n项的样式等。以下是一个示例：http://css-tricks.com/how-nth-child-works/

获取要在Less（Css）中使用的元素子元素数

1 个答案: