html - 所有用预处理器编写的 CSS 都可以转换回标准 CSS 吗？

Question

给定以下使用 SASS Compass 编写的 CSS:

#main-nav:target + .page-wrap {
  width: 80%;
  .open-menu {
     display: none; 
  }
  .close-menu {
     display: block;
  }
  .main-header {
    width: 80%;
    left: 20%;
  }
}

有没有可能用stadard CSS标准写出来，样式效果还是一样的？

以上代码来自Codepepen。当我选择不使用任何预处理器时，生成一个破坏样式的 CSS。

如果可能的话，这段代码的标准 CSS 格式是什么？

非常感谢

Answer 1

我刚刚通过 SASS 处理器运行它并得到了这个:

#main-nav:target + .page-wrap {
    width: 80%; 
}
#main-nav:target + .page-wrap .open-menu {
    display: none; 
}
#main-nav:target + .page-wrap .close-menu {
    display: block; 
}
#main-nav:target + .page-wrap .main-header {
    width: 80%;
    left: 20%; 
}