css class:nth-of-type 无效

89 阅读 0 评论 59 点赞

我是靠谱客的博主听话蜜粉，这篇文章主要介绍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内容请搜索靠谱客的其他文章。

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