问

LESS - 在字符串中使用nth-child变量

cshaadi_915 发布于 2023-02-13 02:42

当然有一种方法可以在LESS中重写以下内容？

#bg-slider{

li:nth-child(1){
    background:url('../images/bg1.jpg');
}

li:nth-child(2){
    background:url('../images/bg2.jpg');
}

li:nth-child(3){
    background:url('../images/bg3.jpg');
}

}

我试过了:

.bg-image (@slide) {
  background:url('../images/bg@{slide}.jpg');
}

#bg-slider{
li:nth-child(n){
    .bg-image(n);
}
}

但这只是给所有李的'../images/bgn.jpg'.

1 个回答

#bg-slider {
    li {
        .bkg(1);
        .bkg(2);
        .bkg(3);
    }

    .bkg(@i) {
        &:nth-child(@{i}) {
            background: url('../images/bg@{i}.jpg');
        }
    }
}

2023-02-13 03:05 回答

你是我的小心肝啊哈哈

撰写答案

今天，你开发时遇到什么问题呢？

立即提问

热门标签