CSS nth

n-faches eines einzelnen Typs

.e:nth-child(8) { ... }
.e:nth-child(n+6) { ... }
.e:nth-child(-n+9) { ... }
.e:nth-child(n+4):nth-child(-n+8) { ... }
.e:nth-child(n+2):nth-child(odd):nth-child(-n+9) { ... }
.e:nth-child(3n+1):nth-child(even) { ... }

n-faches mehrerer Typen

.e1:nth-of-type(3) { ... }
.e2:nth-of-type(4) { ... }

.e1:nth-of-type(n+3) { ... }
.e2:nth-of-type(2n+2) { ... }

.e1:nth-of-type(-n+4) { ... }
.e2:nth-of-type(-n+5) { ... }

.e1:nth-of-type(n+3):nth-of-type(-n+6) { ... }
.e2:nth-of-type(n+1):nth-of-type(-n+3) { ... }

.e1:nth-of-type(n+3):nth-of-type(odd):nth-of-type(-n+6) { ... }
.e2:nth-of-type(n+1):nth-of-type(even):nth-of-type(-n+3) { ... }

http://nthmaster.com

Jedes n-te Vorkommen

// every 4th occurence
div:nth-child(4n)

:nth-child(4n)

// 4(0) = 0
// 4(1) = 4
// 4(2) = 8
// 4(3) = 12
// 4(4) = 16
// ...


:nth-child(4n+4)

// 4(0) + 4 = 0  + 4 = 4
// 4(1) + 4 = 4  + 4 = 8
// 4(2) + 4 = 8  + 4 = 12
// 4(3) + 4 = 12 + 4 = 16
// 4(4) + 4 = 16 + 4 = 20
// ...

http://stackoverflow.com/questions/3462298/select-every-nth-element-in-css

Außer letztes Element

:not(:last-child) { /* styles */ }
tbody tr:not(:last-child):nth-child(4n)

http://stackoverflow.com/questions/2573544/how-can-i-select-all-children-of-an-element-except-the-last-child