Html 如何使li成为ul的直接选择，同时保持SCSS语法？

我最近刚开始使用SCS，现在我经常编写这样的代码：

.site-internal-navigation {
    &:after,
    &:before {
        display: none;
    }
    display: flex;
    align-items:center;
    justify-content:space-between;


    .site-nav-links-list {
        li {
            display: inline-block;
        }
    }
}

总的来说，我真的很喜欢SCS，和css没什么不同。现在，我该怎么做才能对一个包含多个嵌套的

li和
ul的菜单进行编码

例如，在以下代码中：

ul.site-nav-links-list {
    li {
        display: inline-block;
    }
}

实际上，我想让
li
选择成为
ul
的直接子项，但同时保持上述语法，我该如何做？？？
尝试添加一个
，它指的是“直接子项”

ul.site-nav-links-list {
    >li {
        display: inline-block;
    }
}