Почему нельзя задать несколько стилей css через javascript таким образом? И как тогда это сделать?

Question

[DmSS1997]

Если задать для каждого условия по одному стилю ( background), то код отлично выполняется

select.addEventListener('change', function() {
  if (select.value == "ул. Ямашева 37, <br> офис 406") {
    cityBg.style.background = "url('static/image/kazan.jpg')";
  }else {
    cityBg.style.background = "url('static/image/naberezhnye-chelny 1.png')";
    console.log('Город Набережные челны');
  }
});

Но мне нужно ещё фиксировать ширину селекта, и я хочу дополнительно задать стиль для ширины. Но если я напишу вот так, то ничего работать не будет

select.addEventListener('change', function() {
  if (select.value == "ул. Ямашева 37, <br> офис 406") {
    cityBg.style.background = "url('static/image/image1.jpg')";
     select.style.width: 50px;
  }else {
    cityBg.style.background = "url('static/image/image2.png')";
    select.style.width: 150px;
  }
});

Я пробовал через CityBG.style.cssText, но тогда вообще ничего не работает

Comments

[WbICHA]

Даже не знаю, может стоит попробовать сделать также, как у тебя строкой выше написано?

[DmSS1997]

WbICHA, Нет, там всё правильно, для двух разных элементов свойства устанавливаются, для блока с бэкграундом и для селекта

[DmSS1997]

А, я понял, нужно размер в кавычках писать(Долго я думал, над столь простой проблемой , как выяснилось

[Вадим]

DmSS1997, О том и речь, что строкой выше - всё правильно.
Найдите, помимо очевидного, два отличия в задании значения между

cityBg.style.background = "url('static/image/image1.jpg')";
// и
select.style.width: 50px;

[DmSS1997]

Вадим, И с двоеточием затуп)))