CSS3 nth-of-type trên toàn bộ trang?

Question

Dường như với tôi rằng loại thứ n chỉ hoạt động trong cùng một phần tử cha. Có cách nào để làm cho nó hoạt động trên toàn bộ trang?

Tình huống của tôi: Tôi muốn chuyển qua năm màu di chuột cho liên kết. Các liên kết này nằm rải rác trên nhiều đoạn văn. Vì chỉ có một hoặc hai liên kết trên mỗi đoạn, cặp đầu tiên của màu di chuột được ưu tiên không cân xứng.

Cảm ơn!

Answer 1

nth-of-type luôn xem xét chỉ mục của phần tử liên quan đến chỉ mục của phần tử đó: (w3schools), vì vậy nó sẽ không hoạt động trên toàn bộ trang.

Tốt nhất là để thực hiện hành vi này với javascript, đây là một bản demo nhanh chóng sử dụng 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; 
});