:nth-of-type()

[Thomas J.S.]

Hallo,

Abgesehen davon das ich eigentlich nicht weiß was sie macht,

Die Pseudoklasse  ":nth-of-type(an+b)" representiert ein Element, das an+b-1 Geschwisterelemente gleichen Namens vor sich selbst im Dokument hat und dabei "n" ein positiven Wert oder 0 als Wert hat und das Element hat ein Elternelement.

img:nth-of-type(2n+1) { float: right; }
img:nth-of-type(2n) { float: left; }

"2n" gibt hier die Größe der Gruppe an und das "+1" die Position des Elements innerhalb der Gruppe.
Hier in diesem Beispiel könnte man "img:nth-of-type(2n+1)" auch als "img:nth-of-type(odd)" und "img:nth-of-type(2n)" als "img:nth-of-type(even)" notieren.
Sprich: ungerade und gerade.

p:nth-of-type(4n+1) { ... }
p:nth-of-type(4n+4) { ... }

Obiges trifft auf das 1. und 4. <p>, in jeweils einer vierer Gruppen von <p>'s.

:nth-of-type(10n-1)  { ... }

Trifft auf das 9., 19., 29., Element

Würdet ihr das auch tun? Und denkt ihr dass in Zukunft andere Browser auch etwas mit dieser klasse anfangen werden können?

Tja... eininge sicher. Andere sicher nicht.

Grüße
Thomas