css - CSS生成器SASS需要拒绝诸如margin :10px ?(冒号后没有空格)之类的行是否有原因

Question

我需要将所有 CSS 更改为 SASS...然后发现

margin:10px

在 CSS 中工作而在 SASS 中失败有点令人不安......

很容易错过一个，而且你不知道你错过了什么(什么在最终的 CSS 中不起作用，但你不知道)

我使用 TextMate(Mac 文本编辑器)来 grep/:\S/(冒号后跟非空格)来查看是否存在这种情况...但是那些 a:hover 也显示也涨了。

Answer 1

在 Sass 中，您可以定义嵌套选择器，并且它们可以具有伪类，例如 :hover。它不会将您的边距视为属性，而是将其视为具有伪类的另一个元素。

.stylin
  display: block
  margin:10px
  a:hover
    color: red

上面将正确识别 display: block，但会将 margin:10px 和 a:hover 视为同一种模式.