У меня есть цикл for в sass
@for $i from 1 through 7 {
.m0#{$i}{
a[aria-current = "page"]{
background-color: nth($m_col_lvl_04, $i);
}
a[data-submenu-id = "submenu-id_p#{$i}"]{
background-color: nth($m_col_lvl_04, $i);
}
}
}
Часть aria-current = "page" работает и добавляет правильные цвета.
Вторая часть не работает, потому что я не могу понять, как добавить приращение к атрибуту данных. [data-submenu-id = "submenu-id_p0X"], где X = 1-7
Я использовал это для увеличения числа изображения, поэтому должен быть способ. Это просто ускользает от меня :-)
Любая помощь приветствуется.
background: url("../img/icons/m0#{$i}-icon-important.png") no-repeat;
В вашем коде вы написали submenu-id_p#{$i}, но в вашем вопросе submenu-id_p0X. Я предполагаю, что проблема в том, что вам не хватает 0 в идентификаторе?
@SamWillis Я считаю, что вы правы, 0 отсутствует. Как я это пропустил. Спасибо.






Я пробовал ваш код, и он сработал