如何讓li直接選擇ul，同時保持SCSS語法？

Question

使用我剛開始最近SCSS，現在我經常寫這樣的代碼：

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


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

總的來說，我真的很喜歡SCSS，沒有太大的CSS differrent。現在我該怎麼辦whant編寫，有一個菜單多重嵌套li's和ul's

例如在下面的代碼：

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

我真的想使li選擇ul的直接子，但同時保持上述語法，我該怎麼做？

Answer 1

嘗試添加>，它指的是 「直接子」

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