CSS3 Nth-of-Typ über die gesamte Seite?

Question

Es scheint mir, dass nth-of-type nur innerhalb des gleichen Elternelements funktioniert. Gibt es eine Möglichkeit, es auf der ganzen Seite funktionieren zu lassen?

Meine Situation: Ich würde gerne fünf Hover-Farben für Links durchlaufen. Diese Links sind über viele Absätze verstreut. Da es nur einen oder zwei Links pro Absatz gibt, werden die ersten paar Hover-Farben überproportional bevorzugt.

Danke!

Answer 1

nth-of-type betrachtet immer den Index des Elements relativ zu seinem direkten Elternteil: (w3schools), so dass es nicht auf der ganzen Seite funktioniert.

Ihre beste Wette dieses Verhalten mit JavaScript zu implementieren ist, ist hier eine kurze Demo mit JQuery: jsfiddle

var styles = ["first", "second", "third"]; 
var index = 0; 
$("body").find("a").each(function() { 
    $(this).addClass(styles[index++]); 
    if (index >= styles.length) index = 0; 
});