html - 如何覆盖样式并防止 CSS 中的继承？

Question

我正在做一个元素，我使用纯 HTML 和 CSS 创建了一个页面。我希望页面能够响应，所以我使用了 3 种不同的样式表。一种用于宽度超过 2000px，一种用于宽度从 901px 到 1999px，一种用于宽度低于 900px。当宽度为 900 像素或更小时，我希望隐藏 2000 像素和 1999 像素样式表中的某些元素，但它们包含一些我不想隐藏的嵌套元素。

<div class=”parent-element”>
     <div class=”nested-element”>
     </div>
</div>

我使用下面的 CSS 来隐藏“父元素”类，但它也隐藏了“嵌套元素”

.parent-element {
   display: none;
}

如何在不显示“父元素”类的情况下取回“嵌套元素”类？

我用过这段代码，但它不起作用

.nested-element {
   display: block;
}

另外，900px的Stylesheet继承了另外两个Stylesheet的所有样式，如何防止呢？

Answer 1

您不能隐藏父元素并显示嵌套元素。

你可以做到 some tricks to deal with it , 但仅此而已。