CSS媒体查询位置

对于每个项目，“我的媒体查询”以统一的方式遵循主要CSS样式，如下所示：

/* CSS styles */
/* CSS styles */
/* CSS styles */

/* Media queries */
/* Media queries */
/* Media queries */

目前我正在使用SASS，我有很多分部，所以我想——为什么不在每个分部中直接放置媒体查询，节省时间来搜索我以前的放置决定

也就是说，我想使用我的SASS（scss）的以下CSS输出：

这会影响性能吗？从我的观点来看，这实际上会在某种程度上使过程更快，例如>你有这个类，这些是响应式风格-瞧

我读过很多文章和帖子，但是没有一个公式可以解释这一点

这是一个好的实践吗？如果不是，为什么？

根据CSS代码的顺序并不重要，因为浏览器需要解析整个CSS文件才能开始渲染过程

如果你担心性能，你应该先看看其他的东西，比如你的JavaScript代码（如果有的话）和你正在使用的CSS规则的数量。您还可以尝试缩小和/或压缩（使用Gzip）您的代码（假设您还没有这样做）

作为最后一个答案，我会说只要把代码放在最适合你的地方，我会选择你的第二种方法，因为我认为这使代码更容易理解，但这只是我的观点。

根据CSS代码的顺序并不重要，因为浏览器需要解析整个CSS文件才能开始渲染过程

如果你担心性能，你应该先看看其他的东西，比如你的JavaScript代码（如果有的话）和你正在使用的CSS规则的数量。您还可以尝试缩小和/或压缩（使用Gzip）您的代码（假设您还没有这样做）

作为最后的回答，我会说只要把代码放在最适合你的地方，我会选择你的第二种方法，因为我认为这会使代码更容易理解，但这只是我的观点

/* CSS Styles */
/* Media queries for the above CSS*/

/* CSS Styles */
/* Media queries for the above CSS*/

/* CSS Styles */
/* Media queries for the above CSS*/