Question

我有一个主网站的菜单栏，它有很多CSS，但对于智能手机用户，我想完全重新设计菜单栏。我这样做是通过使用@media only screen and (max-width: 767px) {}并更改那里的类的属性，但是所有内容都是从原始类继承的，并且手动重置每个类的每个属性真的很痛苦。

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

Answer 1

有一个名为all的属性可用于重置所有CSS属性。

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

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

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

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