ページ全体でCSS3のnth-of-typeですか？

Question

nth-of-typeは同じ親要素内でしか動作しないようです。それはページ全体でそれを動作させる方法はありますか？

私の状況：私はリンクのための5つのホバー色を使いたいと思います。これらのリンクは多くの段落に分散しています。パラグラフごとに1つまたは2つのリンクしかないので、最初の2つのホバーカラーが不釣り合いに好まれます。

ありがとうございます！

Answer 1

nth-of-typeは、直接の親に対する要素のインデックスを常に参照します（w3schools）ので、ページ全体では機能しません。

あなたの最善の策はJavaScriptを使用してこの動作を実装することで、ここでは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; 
});