SASS语法不会在css中生成&:悬浮-SASSsyntaxisnotgenerating&:hoverincss

5  

The SASS (indented) syntax is highly whitespace sensitive. If you convert your code to SCSS syntax, you'll get a clearer idea of how it is being interpreted:

SASS(缩进)语法对空格非常敏感。如果您将代码转换为SCSS语法，您将更清楚地了解如何解释代码:

.img-ornament {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  &:hover {
    -webkit-transform:scale(0.75) {}
    -moz-transform:scale(0.75) {}
    -ms-transform:scale(0.75) {}
    -o-transform:scale(0.75) {}
    transform:scale(0.75) {}
  }
}

The lack of whitespace after the colon is causing the SASS interpreter to treat transform:scale(0.75) as a selector, rather than as a property/value combination. Since your selector doesn't have any styles associated with it, Sass discards the information in the compiled results.

在冒号之后缺少空格会导致SASS解释器处理转换:scale(0.75)作为选择器，而不是属性/值组合。由于您的选择器没有与之关联的任何样式，Sass将丢弃编译结果中的信息。

Note that this is limited to the official Ruby Sass compiler, LibSass does not appear to have this behavior.

注意，这仅限于官方的Ruby Sass编译器，LibSass似乎没有这种行为。

Add whitespace after your colons.

在冒号之后添加空格。

.img-ornament
  -webkit-transition: all 0.5s ease
  -moz-transition: all 0.5s ease
  -ms-transition: all 0.5s ease
  -o-transition: all 0.5s ease
  transition: all 0.5s ease
  &:hover
    -webkit-transform: scale(0.75)
    -moz-transform: scale(0.75)
    -ms-transform: scale(0.75)
    -o-transform: scale(0.75)
    transform: scale(0.75)