在整个页面中使用第n个类型的CSS3？
在整个页面中使用第n个类型的CSS3？
提问于 2013-06-18 10:22:19
在我看来，nth-of-type只能在同一个父元素中工作。有没有办法让它在整个页面上都能工作？
我的情况:我想循环浏览五种悬停颜色的链接。这些链接分散在许多段落中。因为每个段落只有一个或两个链接，所以前几种悬停颜色是不成比例的。
谢谢!
Stack Overflow用户
回答已采纳
发布于 2013-06-18 10:45:42
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;
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/17159644
复制相关文章
相似问题
腾讯云开发者
