CSS nth-child wählt alle Elemente außer dem letzten aus, wenn die Länge unbekannt ist

8

UPDATE: Der Gidlink, den ich gepostet habe, hat jetzt den Arbeitscode. :not(:last-child) und :nth-last-child(n + 2) funktionieren beide perfekt.

Ich versuche, den nth-child oder nth-last-child Selektor zu verwenden, um jedes li in einem ul mit Ausnahme des letzten auszuwählen. Der Haken ist, die Länge der Liste kann von 1 bis 5 Elemente variieren. Ich konnte keine Dokumentation oder Beispiele dafür finden, wie das zu erreichen ist.

Hier ist der HTML-Code für ul :

%Vor%

Hier ist mein aktueller Code:

%Vor%

Dieser Code wählt immer noch das letzte Element in der Liste aus. Ich habe auch den folgenden Code ausprobiert, aber das wählt nichts aus. Ich habe auch eine Anzahl anderer Kombinationen ausprobiert, aber sie haben entweder überhaupt nicht funktioniert oder das letzte Element ausgewählt.

%Vor%

Hier ist eine Geige .

    
ACIDSTEALTH 16.01.2015, 22:57
quelle

3 Antworten

29

Verwenden Sie :not(:last-child) , um alle bis auf die letzten Ziele zu erreichen.

Ссылка

    
nickford 16.01.2015, 23:02
quelle
4

Verwenden Sie :nth-last-of-type oder :nth-last-child

Ссылка

%Vor% %Vor%
    
Joseph Marikle 16.01.2015 23:03
quelle
0

Sie können dies verwenden

%Vor%

CSS

%Vor%

Aber wenn Sie unbedingt ihren Stil außerhalb des Hauptelements ändern müssen, verwenden Sie diesen

%Vor%     
eliteware 16.01.2015 23:09
quelle

Tags und Links