css - 最後の直接の子の選択

Question

最後の .container のように、一連の要素の最後の直接の子を選択しようとしています:

問題は、スタイリングが適用されていないことです。使用しようとしているコードは次のとおりです。

#allthecontent  > .container:last-child {
  overflow: auto;
  padding-bottom: 150px;
}

前もって感謝します！

Answer 1

.container親の最後の子でない限り、最後に出現した と一致させることはできませんが、nth-last-child セレクターを使用して範囲を指定できます。

#allthecontent > ​.container:nth-last-child(-n + 2) {
  overflow: auto;
  padding-bottom: 150px;
}

containerこれは、親の最後の 2 つの要素内に現れるクラスを持つすべての要素と一致します。ただし、このセレクターは IE8 以下では機能しません。