効率的-4 cssフロントセレクタを実現

2つのitemがある場合、2つ目を隠すhtml構造を実現したい

 1 
 2 

隣接セレクタを使用可能

.item  + .item{
  display: none;
}

しかし、実装するには、2つのitemがある場合、最初のitemを非表示にし、1つのitemがある場合、最初のitemを非表示にしません.cssには順方向セレクタがないためnth-last-typeで実現する必要がある

.item:nth-of-type(1):nth-last-of-type(2){
  display: none;
}