如何解决一系列紧邻标签中第n个的CSS选择器
| 我正在尝试实现一种斑马条纹,但我想将符合条件的标签限制为彼此紧邻的标签。 例如<span class=\"match\">a</span>
<span class=\"match\">b</span>
<span class=\"match\">c</span>
<span class=\"nomatch\">d</span>
<span class=\"match\">e</span>
Kinda sorta CSS确实不起作用
.match + .match:nth-child(2n){ ... }
跨度a,b和c应该是斑马条纹的,因为彼此紧邻,但是e不应。可以以这种方式使用nth-child吗?
解决方法
这个怎么样:
现场演示
$(\".match + .match\").each(function() {
$(this).addClass(\"stripe\").prev().addClass(\"stripe\");
});
,:nth-child(even)
:nth-child(odd)
还是您想做些更复杂的事情?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。