为什么在分析代码时缩进很重要？

Question

在将 sass 转换为 css 时出现错误，“第 X 行：缩进不一致：Y 空格用于缩进，但文档的其余部分缩进了 !Y 个空格”

这是我的 sass 代码的错误状态：

header 
{
     margin: 50px;
     background-color: #2aa4df;

     div 
     {

     } 
       p 
       { 
           margin-top: 0;
       }
}

如您所见，在 p 样式规则附近，我使用了不同的缩进，这会产生错误。我想知道的是为什么从编译器的角度看缩进很重要

Answer 1

缩进错误与sass 转译器无关，sass 转译器不介意转换未缩进的源代码。你可以试试这个 - https://www.sassmeister.com/ 并粘贴你上面的代码。它可以完美运行，没有任何错误。

我认为有一些 css lint 设置不允许缩进，因此，您会收到这些错误。请在您的项目中查找lint 设置。