如何隐藏或显示正确的页面元素（使用纯CSS的媒体查询）？

I have two class:

我有两节课:

.show{display:block; visibility: visible;}
.hide{display:hidden; visibility: hidden;}
.show{display:bloc