CSS wie Pseudo-Klasse zu verwenden: nicht mit: N-Kind

Question

Ist es möglich, :not() mit nth-child zu verwenden? Was ich versuche, ist zum Zentrum ausrichten alle Tabellenspalten außer 2. und 4. Spalte

td:not(:first-child){ 
    text-align:center; 
} 

:

habe ich versucht, so etwas wie dies ohne Erfolg:

td:not(:nth-child(4n)){ 
    text-align:center; 
} 

dies scheint jedoch zu arbeiten. Die Spalten werden dynamisch generiert, um diesen Spalten eine benutzerdefinierte Klasse hinzuzufügen.

Answer 1

:not(:nth-child(4n)) erhalten Sie alles, was nicht :nth-child(4n) ist, d.h. alles, was nicht der 4., 8. und so weiter ist. Es wird nicht das 2. Kind ausschließen, da 2 nicht ein Vielfaches von 4.

ist die 2. auszuschließen und 4. Sie müssen entweder eines von:

• td:not(:nth-child(2n)) wenn Sie weniger als 6 Spalten haben, oder

• td:not(:nth-child(2)):not(:nth-child(4)) wenn Sie mindestens 6 Spalten haben und nur die 2. und 4. und nicht jede gerade Spalte ausschließen möchten.

Demo