Mögliches Ziel für ein Element nach :nth-child "global" auswählen?

Question

Angenommen, ich habe eine Hierarchie wie:

ul
    li
    li

ul 
    li
    li      <----- 
    li              

Kann ich das markierte li mit li:nth-child(4) oder etwas ähnlichem ansprechen?

Answer 1

Sie können dies mit jQuery tun.

Benutzer jQuery.eq();

Probieren Sie dieses einfache Beispiel aus (jsFiddle).

            $(function(){
                $("li:eq(6)").css("color", "red");
            });

            1
            2
            3
            4

            5
            6
            7
            8

Answer 2

Nein, aber du kannst das tun:

ul:nth-child(2) li:nth-child(2){
    color:#F00;
}

Das wäre meiner Meinung nach am ehesten das, wonach du suchst.

Hier ist ein Demo

Answer 3

Mit reinem CSS glaube ich nicht, dass es möglich ist, global li auszuwählen. Du musst das ul-Element zuerst auswählen.

ul:last-child li:nth-child(2)

(Hier zielen wir auf das zweite Element des letzten ul ab).

Das Wichtigste ist, dass du zuerst den Selektor für ul und dann den Selektor für li verwenden musst

JS Fiddle

Answer 4

li:nth-last-of-type(2)

Quelle: http://www.w3schools.com/cssref/css_selectors.asp

Answer 5

Es gibt keine globale Reihenfolge. Du könntest dies verwenden:

ul:nth-of-type(2) li:nth-child(2){
    color:#F00;
}