Javascript-форум - Изменение css стилей в зависимости от количества элементов

Javascript-форум (https://javascript.ru/forum/)

- Элементы интерфейса (https://javascript.ru/forum/dom-window/)

- - Изменение css стилей в зависимости от количества элементов (https://javascript.ru/forum/dom-window/58607-izmenenie-css-stilejj-v-zavisimosti-ot-kolichestva-ehlementov.html)

Изменение css стилей в зависимости от количества элементов

Добрый день.
Не могли бы мне помочь в решении одной проблемы.
Есть следующий html код:
<ul class="menu">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
Нужен небольшой скрипт, которой отвечал бы за то, чтобы, например, если в .menu пять элементов li, то li под номер 4, получал стиль margin-left:25px;
если в .menu шесть элементов li, то li под номер 4, получал стиль margin-left:15px;

Буду признателен за помощь. К сожалению мои знания в этой области не позволяют решить даже такую простую задачу.

<ul class="menu">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
<script>
    var menu = document.querySelector('.menu').children;
    if (menu.length === 5) {
        menu[4].style.marginLeft = '25px';
    }
    if (menu.length === 6) {
        menu[4].style.marginLeft = '15px';
    }
</script>