CSSの最後の子（-1）

リストの最後の子を選択できるcssセレクターを探しています。

<ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li> <!-- select the pre last item dynamically no matter how long this list is -->
     <li>6</li>
</ul>

静的メソッド：

ul li:nth-child(5)

動的な方法：

ul li:last-child(-1)

もちろんこれは検証しません。また、nth-last-childは動的な方法を提供していないようです。JavaScriptにフォールバックできますが、見落としたcss方法があるかどうか疑問に思っています

あなたは、することができます使用します:nth-last-child()。実際、他:nth-last-of-type()に何を使えばいいのか分かりません。"動的"の意味がわかりませんが、リストに子が追加されたときに、スタイルが新しい最後の2番目の子に適用されるかどうかを意味する場合は、そうです。インタラクティブなフィドル。

ul li:nth-last-child(2)

PHPでその要素にクラスのラベルを付けることができない限り、jQueryを使用することをお勧めします。

jQuery(document).ready(function () {
  $count =  jQuery("ul li").size() - 1;
  alert($count);
  jQuery("ul li:nth-child("+$count+")").css("color","red");
});