Задать вопрос

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

Нужно динамически присваивать фоновую картинку в зависимости от ID. Что-то типа такого:
@each .class-elementa {
    background: url(/images/#{$id-elementa}.jpg)
}
  • Вопрос задан
  • 89 просмотров
Подписаться 1 Оценить 1 комментарий
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Хекслет
    Разработчик на Ruby on Rails
    5 месяцев
    Далее
  • Академия Eduson
    Fullstack-разработчик на JavaScript
    11 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 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");
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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