未将样式应用于 CSS 中的元素

Question

我编写了这个 CSS，以便如果页面大小大于 768 像素，我选择的元素将不会显示，但是当我检查该元素时，样式上会出现一条线。就好像另一种规则或风格阻止它发挥作用。

请指导我。

我什至检查了链接的文件，它们都链接正确！

/* media file */
.nav__btn {
  width: 5.5rem;
  height: 5.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 2.2rem;
  cursor: pointer;
}


/* application file */
@media (min-width: 768px) {
  .nav__btn {
    display: none;
  }
}

<!-- YOUR HTML HERE, PLEASE -->

Answer 1

你能试试这个吗？

@media(min-width: 768px){
.nav_btn{
display: none !important;
}
}