第一个孩子 - SCSS

Answer 1

您可以通过检查

@for

内数组的索引来检查它是否是第一项

@for(action of sortingActions;let idx = $index){
  <div [ngClass]="{'options-divider':idx === 0}">{{action}}</div>
}

Answer 2

看起来您的 HTML 有问题，而不是 CSS。

使用这个简化的 HTML 结构：

<div class="options-panel">
  <div class="options-divider"> 
    one
  </div>
  <div class="options-divider"> 
    two
  </div>
  <div class="options-divider"> 
    three
  </div>
  <div class="options-divider"> 
    four
  </div>
  <div class="options-divider"> 
    five
  </div>
</div>

和你的风格，它按预期工作。

https://jsfiddle.net/1muo9h60/