Szukam selektora css, który pozwala mi wybrać przedostatnie dziecko listy.
<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>
Metoda statyczna:
ul li:nth-child(5)
Metoda dynamiczna:
ul li:last-child(-1)
co oczywiście nie sprawdza poprawności, również nth-last-child nie wydaje się zapewniać dynamicznego sposobu .. Mogę wrócić do javascript, ale zastanawiam się, czy istnieje sposób CSS, który przeoczyłem
css
css-selectors
Hedde van der Heide
źródło
źródło
Odpowiedzi:
Państwo może używać
:nth-last-child()
; w rzeczywistości, poza:nth-last-of-type()
tym nie wiem, czego jeszcze mógłbyś użyć. Nie jestem pewien, co masz na myśli, mówiąc „dynamiczny”, ale jeśli masz na myśli, czy styl odnosi się do nowego przedostatniego dziecka, gdy do listy zostanie dodanych więcej dzieci, tak będzie. Interaktywne skrzypce.źródło
:nth-child(5)
i:last-child
. Takie komentarze powinny odnosić się do pytania lub być pozostawione dla siebie.Jeśli nie możesz zmusić PHP do oznaczenia tego elementu klasą, lepiej jest użyć jQuery.
źródło
:nth-last-child()
tylko dlatego, że John uważa, że nikt go nie używa .