有没有办法在表格中隐藏行x到y?

时间:2018-04-05 23:17:40

标签: html css

我有一个20行的表。我想要隐藏第6到第18行。我已尝试table tr:nthchild(n+6)的变体,但此运算符似乎缺少停止点变量 - 例如它适用于从第6行开始的所有内容。

我可以做到,但它似乎不优雅:

table tr:nthchild(6),
table tr:nthchild(7),
...
table tr:nthchild(18) {
    display: none;
}

有没有办法用css完成这个。

1 个答案:

答案 0 :(得分:4)

以下内容(来自https://gist.github.com/rondevera/167627)应该实现您的目标

table tr:nth-child(n+6):nth-child(-n+18) {
  display:none
}