Можно ли использовать ID элемента как переменную?

Нужно динамически присваивать фоновую картинку в зависимости от ID. Что-то типа такого:
@each .class-elementa {
    background: url(/images/#{$id-elementa}.jpg)
}
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ответы на вопрос 1
@each $name in 'save' 'cancel' 'help' {
    .icon-#{$name} {
        background-image: url('/images/#{$name}.png');
    }
}

на выходе
.icon-save {
  background-image: url("/images/save.png");
}

.icon-cancel {
  background-image: url("/images/cancel.png");
}

.icon-help {
  background-image: url("/images/help.png");
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы