完全重置 @media screen 内的 css 类

Question

我的主站点有一个菜单栏，其中包含大量 CSS，但对于智能手机用户，我想完全重新设计菜单栏。我通过使用@media only screen and (max-width: 767px) {}和更改那里的类的属性来做到这一点，但是所有内容都是从原始类继承的，手动重置每个类上的每个属性确实很痛苦。

所以我想知道在使用CSS时是否有一种简单的方法来重置CSS中的类@media only screen and (max-width: 767px) {}

Answer 1

有一个属性用于all重置所有 CSS 属性。

.classname {
    all: initial; /* or unset */
}

初始- 该关键字表示将应用于该元素或该元素的父元素的所有属性更改为其初始值...

unset - 此关键字表示将应用于元素或元素父元素的所有属性更改为它们的父值（如果它们是可继承的）或更改为它们的初始值（如果不是）...

浏览器支持：Chrome 37+、Firefox 27+、IE 11+、Safari 不支持