CSS LESS color mixin没有获得新的价值

编程问答 2022-06-10

问题描述

我有一个导航菜单，该菜单为每个菜单项拉出唯一的颜色。 LESS代码如下：

@colors: #839B99,#D3B64F,#C84D26,#A787B0,#A8ACB1,#4F9E51;

.color-mix(@i) when (@i > 0) {
        .menu-item:nth-child(@{i}):hover {
            color: extract(@colors,@i - 1);
        }
    .color-mix(@i - 1);
}

.color-mix(6);

我所做的更改是在网站的导航菜单中添加了一个新项，然后在{colors数组中添加了#A787B0，并将.color-mix从.color-mix(5)扩展到.color-mix(6)。

我遇到的问题是站点上的菜单导航无法获取新的序列/颜色。相反，它基本上是跳过新值：

  • 菜单项1：＃839B99

  • 菜单项2：＃D3B64F

  • 菜单项3：＃C84D26

  • 菜单项4：＃A8ACB1 （这是新的菜单项，新的数组值（＃A787B0）被跳过的地方

  • 菜单项5：＃4F9E51

  • 菜单项6：黑色（默认后备颜色，因为数组中没有颜色）

有人可以引导我了解我可能在这里缺少什么吗？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

less