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()я не знаю, що ще ви могли б використати. Я не впевнений, що ви маєте на увазі під "динамічним", але якщо ви маєте на увазі, чи стиль стосується нової другої останньої дитини, коли до списку додається більше дітей, так, так і буде. Інтерактивна скрипка.

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");
});