html - Trying to remove the third column of a table when the browser gets smaller (CSS) -
i've made table 4 col , 4 rows. browser gets smaller, want have table smaller well, removing first 4th col, gets smaller, 3rd col.
i able remove 4th col, using media query and:
table th:last-child, table td:last-child { display:none; }
i've tried work third column using
table th:nth-last-child (2), table td:nth-last-child (2){ display:none; }
but not work.
thanks help!
find full code:https://jsfiddle.net/kahealani1996/vtjf5dnr/
the problem between nth-last-child , (2) there should no whitespace. otherwise works fine. code should be:
table th:nth-last-child(2), table td:nth-last-child(2){ display:none; }
Comments
Post a Comment