5

親コンテナの最後の 12 要素を一致させたいと考えています。CSSでこれを行う方法は?明確にするために、12 は任意の数です。親コンテナの最後の N 個の要素を一致させる方法を知りたいです。

4

3 に答える 3

5

明確に:nth-last-child(N)

li:nth-last-child(-n+12) {
  /*your css declarations*/
}

この例のセレクターは、順序付けされているかどうかに関係なく、任意のリストの最後の 12 個のリスト項目に一致します。

于 2012-09-14T18:45:45.927 に答える
2

http://reference.sitepoint.com/css/pseudoclass-nthlastchild

li:nth-last-child(-n+12) {
  ⋮ declarations
}
于 2012-09-14T18:44:57.610 に答える
1

:nth-last-child 疑似クラスが必要です(または:nth-last-of-typeタイプチェック用)。その後、~後続のすべての兄弟を選択するために使用できます。

.container > *:nth-last-child(13) ~ * { }

http://jsbin.com/uhuzer/1/edit

于 2012-09-14T18:44:19.023 に答える