CSS3 nth-of-type na całej stronie?

Question

Wydaje mi się, że n-tego typu działa tylko w obrębie tego samego elementu nadrzędnego. Czy jest jakiś sposób, aby to działało na całej stronie?

Moja sytuacja: Chciałbym przełączać się między pięcioma kolorami wskaźnika dla linków. Te linki są rozproszone w wielu akapitach. Ponieważ w jednym akapicie jest tylko jeden lub dwa łącza, pierwsze dwa kolory wskaźnika są nieproporcjonalnie uprzywilejowane.

Dzięki!

Answer 1

nth-of-type zawsze sprawdza indeks elementu względem jego bezpośredniego rodzica: (w3schools), więc nie będzie działać na całej stronie.

Najprościej jest wdrożenie tego zachowania z javascript, oto szybkie demo przy użyciu 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; 
});