Verwendung: nicht für das erste Kind + alle 3 daher nach

Question

Ich versuche herauszufinden, wie ich bestimmte li's je nach Position angreifen kann. Im Wesentlichen muss ich NOT Ziel entweder das erste Kind und dann alle 3 nach.

Beispiel:

li1 (dont target) | li4(dont target) | li7 (dont target) 
li2 (target)  | li5 (target)  | li8 (target) 
li3 (target)  | li6 (target)  | li9 (target) 

Hier ist, was ich bisher ausprobiert habe:

.siteMapSubList.threecolumn > li:not(:nth-child(1n+3))

der Klassenname ist irrelevant, sowie die CSS-Code, den ich Implementierung, so dass ich das nicht enthalten. Dies funktioniert jedoch nicht. Wie in, zielt nicht auf diejenigen, die ich anvisieren möchte. Ich versuche WIRKLICH zu vermeiden, zwei verschiedene Regeln zu haben (eine hat nicht das erste Kind und dann alle drei danach), was ich jetzt tun kann. Ich möchte das wirklich in einer Regel tun, wenn es möglich ist.

EDIT

Wollen Sie sicher, dass die Menschen verstehen, was ich besser brauchen. Also im Wesentlichen, wenn wir 9 li's haben, möchte ich NICHT 1, 4 und 7 als Ziel haben. 2,3,5,6,8,9 Ich möchte zielen (weshalb ich einen Nicht-Operator verwende, aber wenn Sie haben ein besserer Weg, ich bin ganz Ohr.

Answer 1

Sie waren sehr nah dran! Die Auswahl, die Sie benötigen, ist li:not(:nth-child(3n+1)).

Siehe Beispiel unten:

ul { 
 
    display: flex; 
 
    flex-direction: column; 
 
    flex-wrap: wrap; 
 
    height: 6em; 
 
} 
 

 
li { 
 
    height: 2em; 
 
} 
 

 
li:not(:nth-child(3n+1)) { 
 
    color: red; 
 
}

<ul> 
 
    <li>1</li> 
 
    <li>2</li> 
 
    <li>3</li> 
 
    <li>4</li> 
 
    <li>5</li> 
 
    <li>6</li> 
 
    <li>7</li> 
 
    <li>8</li> 
 
    <li>9</li> 
 
</ul>