Question

我在使用@media屏幕之前有一个名为.nav ul li ul的类，当我在媒体屏幕上工作时，我想禁用这个类（不要让css再读它）。反正有没有这样做？实施例

.nav ul li ul {
  padding: 0;
  position: relative;
  top: 40px;
  left: -30px;
  width: 200px;
}

@media screen and (max-width: 600px) {

.nav ul li ul {
  Do not do anything, Just ignore the original class
}

}

请注意我仍然想显示这个类但是我不想给它任何属性。感谢

Answer 1

@media screen and (max-width: 600px) {
    .nav ul li ul {
      padding: 0;
      position: relative;
      top: 0px;
      left: 0px;
      width: 0px;
    }
}

这应该重置之前设置的所有属性。

Reset/remove CSS styles for element only

该链接是针对css具有许多默认属性值的问题，因为目前没有内置方法可将其重置为默认值。

Answer 2

您可以做的是重新复制相同的属性：

@media screen and (max-width: 600px) {

.nav ul li ul {
  padding: 0;
  position: relative;
  top: 40px;
  left: -30px;
  width: 200px;
}

或者只是不写那部分。它实际上适用于我尝试的时候。

CSS媒体屏幕删除全班

2 个答案: