8wDlpd.png
8wDFp9.png
8wDEOx.png
8wDMfH.png
8wDKte.png

我可以将 :nth-child() 或 :nth-of-type() 与任意选择器结合吗?

Maximilian 1月前

31 0

有没有办法选择与任意选择器匹配(或不匹配)的每个第 n 个子项?例如,我想选择每个奇数表行,但在行的子集内:table.myClass ...

有没有办法选择与 任意选择器匹配(或不匹配)的 ?例如,我想选择每个奇数表行,但在行的子集内:

table.myClass tr.row:nth-child(odd) {
  ...
}
<table class="myClass">
  <tr>
    <td>Row
  <tr class="row"> <!-- I want this -->
    <td>Row
  <tr class="row">
    <td>Row
  <tr class="row"> <!-- And this -->
    <td>Row
</table>

:nth-child() 似乎只是计算所有 tr 元素,而不管它们是否属于 \'row\' 类,所以我最终得到了一个 偶数 \'row\' 元素,而不是我要找的两个。同样的事情也发生在 :nth-of-type() .

有人能解释一下为什么吗?

帖子版权声明 1、本帖标题:我可以将 :nth-child() 或 :nth-of-type() 与任意选择器结合吗?
    本站网址:http://xjnalaquan.com/
2、本网站的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
3、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
4、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
5、站长邮箱:yeweds@126.com 除非注明,本帖由Maximilian在本站《css》版块原创发布, 转载请注明出处!
最新回复 (0)
  • @Ingo Steinke:这个问题并不是一个功能请求。它是基于对 :nth-child() 工作原理的误解而提出的。

返回
作者最近主题: