Question

我想使用类名来设置元素的背景，但我不确定目前是否可以使用LESS js。

案例是：我有一张桌子上有运动员名单，在这些名单上我想把国旗作为p标签的背景。

在HTML中，它看起来像：

<table>
<tr>
<td class="athlete"><p class="us">Athlete 1</p></td>
</tr>
</table>

我想通过mixin设置背景图片，如果我可以从P标签中获取类名，我会在那里。

.athlete {
     p {
           .setBackgroundImage(@ClassName);

     }
}

无论如何都没有实现这个目标吗？

Answer 1

问题是我需要为每个可能的国家制定一条全新的规则。我的循环实现也没有削减它。

我去了javascript实现，我将背景图像添加到某个父类中的iso编码类名。

<div class="nationality">
<p class="athlete">Athlete X<span class="nl"></span></p>
</div>

jQuery(".nationality span").css('background-image', 'url(../img/flags/60/'+jQuery(".nationality span").attr("class")+'.png);

谢谢你们。

从LESS中的标签获取类名

1 个答案: