如何在一个手写笔文件中定义多个媒体查询？

Question

如何在一个文件中定义多个媒体查询？

我有这个.styl文件：

@media (min-width: 980px)
  body
    padding-top 60px

@media (min-width: 768px)
  body
    .container
      width 768px

这给了我错误expected "indent", got "newline"。将它们放在单独的文件中并拥有一个文件包括其他工作。但是当我将它们放在同一个文件中并且第二个文件导入这个文件时，它会失败。

更新：可以在此处找到文件的代码：

• https://github.com/mastoj/NodeJsExpressFun/blob/master/public/stylesheets/style.styl
• https://github.com/mastoj/NodeJsExpressFun/blob/master/public/stylesheets/nblog.styl

Answer 1

您的问题是您在顶部查询中有标签，而在较低的查询中有空格。尽量保持一致（当涉及到各种编程时，这是一个很好的做法）。我没有任何偏好，但您应该查看您的编辑器设置，看看您是否可以在该级别上强制执行一致性。当我按Tab键时，我的编辑器会放置4或2个空格，具体取决于语言。

问题中的例子确实有效（实际上只有空格）。