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

Popular posts from this blog

java - Static nested class instance -

c# - Bluetooth LE CanUpdate Characteristic property -

JavaScript - Replace variable from string in all occurrences -