less中如何传递变量？

Question

.sh_no_option{
    background-image: url("../../../../../static/img/plan/sh_no.png");
    &:hover{
        #background_img('sh_no_click')
        //background-image: url("../../../../../static/img/plan/sh_no_click.png");
    }
}

#background_img(@url){
    background-image: url(`../../../../../static/img/plan/${@url}.png`);
}

怎么书写less 达到 注释掉的效果？

1. 下面的#background_img的url如何传递？
2. 上面的.sh_no_option如何利用#background_img快速赋值？

Answer 1

#background_img(@url){
    background-image: url('../../../../../static/img/plan/@{url}.png');
}

.sh_no_option{
    #background_img('sh_no_click');
    &:hover{
        #background_img('sh_no_click1')
    }
}

这样试试