无法在javascript中选择最后一个孩子

Question

我想在具有这些类.tabs-heading

的最后一个元素之后选择第一个元素.tabs-heading .is-active

在没有.tabs-heading类的第一个元素is-active上，我想添加is-active类

我试过这个，但没有用！

document.querySelector('#next-bt').addEventListener('click', function() {
    var firstInactive = document.querySelector('.tabs-heading.is-active:last-child + .tabs-heading');
    firstInactive.classList.add('is-active');
});