Html 如何自动检测scss中li标签的个数

我正在用这样的标题写navi

<div id="navi">
  <ul class="menu">
    <li>Item1</li>
    <li>Item2</li>
    <li>Item3</li>
    <li>Item4</li>
    <li>Item5</li>
  </ul>
</div>

在导航中添加新项目时，我必须更改

$navi_items

值。 是否可以自动检测li的数量并将其反映在SCS中

我知道我可以用javascript来完成。但是我想知道如何使用SCS来实现这一点。

这是不可能的

scs被编译成纯CSS，而不是为与DOM交互而设计的

唯一的可能是选择更好的CSS或创建一些JS

$navi_items: 5;
#navi{
  width: $page_width;
  margin: 0 auto;
  ul.menu{
    li{
      padding:10px;
      width: $page_width/$navi_items - 20 ;
      float:left;
    }
  }
}