所有用前处理器编写的 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%;
  }
}

是否可以用标准的 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%; 
}