有没有一种方法可以在媒体查询中取消给某个元素设置的所有样式属性，而不需要再次覆盖它们所有的样式？

29 浏览
0 Comments

有没有一种方法可以在媒体查询中取消给某个元素设置的所有样式属性，而不需要再次覆盖它们所有的样式？

有没有一条可用的CSS规则可以删除样式表中已设置的特定元素的任何样式？

一个很好的用例可能是在一个移动优先的响应式网站上，对于在小屏幕视图中使用的特定元素的大部分样式需要在桌面视图中“重置”或删除。

一个可以实现类似效果的CSS规则可能是：

.element {

all: none;

}

示例用法：

/* 移动优先 */

.element {

margin: 0 10;

transform: translate3d(0, 0, 0);

z-index: 50;

display: block;

等等..

等等..

}

@media only screen and (min-width: 980px) {

.element {

all: none;

}

}

因此，我们可以快速删除或重新设置样式，而不必声明每个属性。

0