如何在nth-child中专门显示某些列？

Question

我在其他网站上尝试过这个css代码：

@media only screen and (max-width: 800px) {
#data tr > * {display: none}
#data tr > *:nth-child(12) ~ * {display: table-cell}
}

但是此代码仅显示第13列和其他列并隐藏列[1-12]。当我在移动设备上访问我的网页时，如何显示特定列？例如，我想在移动设备中只显示4列：列（1,28,29,97）。有没有办法专门显示列（1,28,29,97）？

Answer 1

尝试类似的内容：

https://jsfiddle.net/h9z6hLjv/

只需将类showMob添加到要为移动设备显示的列中。调整窗口大小以查看媒体查询是否生效。