Question

我正在尝试利用第n个孩子来使表2正常工作。它只需要显示表2中的11-20行，我似乎无法弄清楚我在做什么错。有帮助吗？

表1应该显示第1-10行–这正在起作用表2应该显示第11-20行-当前显示第11行（我无法让它停在20行）表3应该显示21-30 –这是可行的

table.style1 {
    border-collapse: collapse;
}

table.style1 > tbody > tr:nth-child(n + 11) {
    display: none;
}

table.style2 {
    border-collapse: collapse;
}

table.style2 > tbody > tr:nth-child(-n + 10):nth-child(-n + 19) {
    display: none;
}

table.style3 {
    border-collapse: collapse;
}

table.style3 > tbody > tr:nth-child(-n + 20) {
    display: none;
}

Answer 1

代替：

table.style2 > tbody > tr:nth-child(-n + 10):nth-child(-n + 19) {
  display: none;
}

使用：

table.style2 > tbody > tr:nth-child(-n + 10),
table.style2 > tbody > tr:nth-child(n + 21) {
  display: none;
}

CSS nth表向导

1 个答案: