javascript - 显示 : none doesn't work

Question

我有使用 javascript 制作音乐的网络应用程序。但是我的 .musicBox 类的 display: none 有问题。

这是包含所有重要样式和脚本的 index.html 代码。

My index.html file on CodePen

  @media screen and (max-width: 520px) {
      .rotateDevice {
          display: block; 
      }
      .toneBox {
          display: none;
      }
  }

当我将窗口调整到 520px 宽度以下时，它会“显示:无”我的颜色框。但为什么没有呢？

Answer 1

此媒体查询上方缺少某些内容。

删除上面的.a。