css class:nth-of-type 无效

100 阅读 0 评论 66 点赞

我是靠谱客的博主听话蜜粉，最近开发中收集的这篇文章主要介绍css class:nth-of-type 无效，觉得挺不错的，现在分享给大家，希望可以做个参考。

如：.box-0:nth-of-type(2n-1)

<tr class="box-0">
<td>1</td>
</tr>
<tr class="box-1">
<td>2</td>
</tr>
<tr class="box-0">
<td>3</td>
</tr>

我之前的理解是

选择奇数的.box的类元素

所以会选中1，不会选中3

但理解错了......

结果是选中了1和3

正确的理解应该是

选择奇数的.box的类的标签名为tr的元素

仔细点说是

选择奇数tr且类名为box-0的元素

首先要是奇数的tr，类还要是box-0才会被选中

所以nth-of-type还是必须和标签关联到。。。

以上就是听话蜜粉为你收集整理的css class:nth-of-type 无效的全部内容，希望文章能够帮你解决css class:nth-of-type 无效所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。