html - 尝试在浏览器变小(CSS)时删除表的第三列

我做了一张4列4行的桌子。随着浏览器越来越小，我想让表也越来越小，首先删除第4列，然后随着它越来越小，第3列。
我可以删除第4列，使用媒体查询和：

table th:last-child,
table td:last-child {
    display:none;
}

我试着用

table th:nth-last-child (2),
table td:nth-last-child (2){
    display:none;
}

但这不起作用。
谢谢你的帮助！
查找完整代码：https://jsfiddle.net/Kahealani1996/vtjf5dnr/

最佳答案

唯一的问题是第n个最后的子项和（2）之间不应该有空白。否则它工作得很好。所以你的代码应该是：

    table th:nth-last-child(2),
    table td:nth-last-child(2){
        display:none;
    }

关于html - 尝试在浏览器变小(CSS)时删除表的第三列，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38188503/