2017-05-15 30 views
-1

Gibt es eine Möglichkeit, das Kind weiter eine Farbe oder einen anderen Stil geben ">" wie folgt aus:CSS wählen Sie das vierte Kind in einer Liste

.thisclass > ul > li > ul > li { color: blue; } 

Ich bin mit Wordpress und nicht mehr CSS-Klassen erstellen Ich möchte es von außen geben "PARENT".

Hier ist a link

+1

werfen Sie einen Blick auf "nth-child" https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-child – ThisGuyHasTwoThumbs

Antwort

1

Mit der nth-child Pseudo-Klasse, können Sie genau das tun:

.thisclass > ul:nth-child(4) { 
    color: blue 
} 

Wenn Sie älter als IE9 Unterstützung, dann können Sie geschickt Geschwister-Selektoren verwenden, etwa so:

.thisclass > ul > li:first-child + li + li + li 
1

unter css hinzufügen

.thisclass ul:nth-child(3) { 
    color: blue 
}