For loop 减：循环中的关联数组

我需要添加一个图标到一个页面，这取决于它的内容。换句话说，如果页面包含图像、图库、视频。。。我将添加一个图标，指示其性质

为此，我将CSS类添加到

body

标记中，并使用后代选择器在适当的位置添加图标

显然，这个任务会在CSS中产生大量重复的代码，所以我想用

这里是我的实际尝试（图标是图标字体）：

@图标：“\e926”、“\e90e”、“\e914”；
.icons循环（@i；@ico）当（@iYes）时，您当然可以在Less中实现关联数组行为，如下所示，因为Less可以拆分和

在本例中，我们用逗号分隔多个页面图标组合，然后在每个页面图标组合中，页面类型和图标值用空格分隔

@页面图标列表：图像“\e926”、图库“\e90e”、视频“\e914”//二维数组
.loop（@index）何时（@index>0）{
@页面图标：提取（@page icon list，@index）；//基于逗号分隔符提取每个页面图标组合
@页面类型：extract（@page icon，1）；//提取值的第一部分是页面类型
@图标：提取（@page icon，2）；//第二部分是图标
.page-type_@{page-type}{
#图标\u容器：之前
{
内容：@图标；
}        
}
.loop（@index-1）；
}
.loop（长度（@page icon list））；//将长度作为计数器传递（基于逗号分割）
是的，您当然可以在Less中实现关联数组行为，如下所示，因为Less可以拆分和

在本例中，我们用逗号分隔多个页面图标组合，然后在每个页面图标组合中，页面类型和图标值用空格分隔

@页面图标列表：图像“\e926”、图库“\e90e”、视频“\e914”//二维数组
.loop（@index）何时（@index>0）{
@页面图标：提取（@page icon list，@index）；//基于逗号分隔符提取每个页面图标组合
@页面类型：extract（@page icon，1）；//提取值的第一部分是页面类型
@图标：提取（@page icon，2）；//第二部分是图标
.page-type_@{page-type}{
#图标\u容器：之前
{
内容：@图标；
}        
}
.loop（@index-1）；
}
.loop（长度（@page icon list））；//将长度作为计数器传递（基于逗号分割）
您编写的第一个版本是正确的，但是现在我在“@page icon undefined”上出现了一个错误（我尝试了less2css.org）：-）对不起，我更改了变量，忘记了在所有地方进行修改。请现在检查：）您编写的第一个版本是正确的，但现在我在“@页面图标未定义”上有一个错误。（我试过less2css.org）：-）对不起，我更改了变量，忘了在所有地方进行修改。请现在检查：）
@icons:"\e926", "\e90e", "\e914";

.icons-loop(@i; @ico) when (@i <= length(@ico)) {

  @page-type:extract(@ico, @i);

  .page-type_@{page-type}
  {
      #icon_container:before
      {
        content: extract(@icons, @i);
      }
  }

  .icons-loop((@i + 1), @ico);
}

.icons(@ico...) {
  .icons-loop(1, @ico);
}

.icons(image, gallery, video);