Не работают свойства добавленного класса?

Question

[Egorian]

Есть меню. Добавляю класс is-active но ничего не происходит.Класс добавляется, а результата нет.
Я так понял, что первый класс перебивает свойства последующего?

.menu is-active{
    position: absolute;
     display: block;
  opacity:1;
  left:0;
  transform: translate(0,0);
  -webkit-transform: translate(0,0);
}
    .menu {
        position: absolute;
  display:block;
  left:90em;
  transition:transform .3s ease,opacity 0s ease;
  transform: translate(0,20px);
  -webkit-transform: translate(0,20px);
    opacity: 0;

}
  var menu = document.querySelectorAll(".menu");
/*Некий код*/
 (menu[0].classList.contains("is-active") === true) ? menu[0].classList.remove("is-active") : menu[0].classList.add("is-active");

Answer 1

[Дмитрий Беляев]

в css перед is-active пропущена точка