清除媒体查询的层次结构答案

【问题标题】：Hierarchy in declearing Media Queries清除媒体查询的层次结构
【发布时间】：2014-07-11 15:17:33
【问题描述】：

这些天来，我遇到了媒体查询问题：起初我创建了两个单独的 CSS，一个用于样式，一个用于媒体查询，但它不能正常工作，它在任何浏览器上都没有做任何事情；所以我把我所有的 CSS 放在一个文件中，它现在可以工作了。

1 - 所以我的第一个问题是，清除媒体查询的最佳“位置”是什么？

我遇到的第二个问题是我需要更改填充属性，这些属性在我的 CSS 顶部声明为 close。当我想用 MediaQuery 更改此属性时，它什么也没做。所以我将它们从我的 css 顶部靠近媒体查询移动，现在它可以工作了。

2 - 我的第二个问题是，当您必须使用媒体查询时，是否存在清除 css 类和 ID 的层次结构？

3 - 这个问题可能出在<head> 部分吗？

（如果您有一些我可以阅读的资源，它可以帮助所有想要澄清这个问题的人。提前谢谢！！）

【问题讨论】：

【解决方案1】：

【讨论】：

【解决方案2】：

没有看到您的代码，听起来您可能在特异性和排序方面存在一些问题。

要记住的事情：

浏览器总是喜欢更具体的规则而不是一般规则（p.link{} 规则比p{} 规则更具体，因此会覆盖任何共享属性）
浏览器通常会在“页面下方”呈现 CSS，这意味着最后定义的属性将覆盖任何先前写入的属性。换句话说，如果您包含两个样式表，如果您希望其规则优先，请确保您的媒体查询样式表位于第二个。

回答问题：

1) “最佳场所”确实是一种风格。有些人喜欢使用单独的样式表来保持整洁，而另一些人则喜欢使用规则本身来保持简洁。只要它们出现在您的正常规则之后，您就应该是明确的。

2) 媒体查询中的代码应该与不在媒体查询中的代码完全相同。没有等级之分。

3) 不看你的代码很难说。

优秀的 CSS 资源：

【讨论】：