变量sass错误无效

Question

我正试图使用sass convert将sass文件转换为scs，但当我运行该命令时，甚至当我运行compass watch时，我都会收到以下错误：

Invalid variable: $media (min-width: 950px) 

我通常使用scss语法，所以我不确定为什么会生成错误，应该是@media吗？

代码的部分是：

.center  text-align:center 
.right  text-align:right 
.top vertical-align:top 
.middle  vertical-align:middle 
$media (min-width: 950px) 
.row
    max-width:980px

$media (max-width: 900px) 
.row
    max-width:760px
.logo
    width:300px

提前感谢您在这方面的帮助。

Answer 1

您的代码中有很多格式错误！

• 声明不能与选择器内联
• 冒号后面的每个声明中应该至少有一个空格，否则它将被视为伪类
• 媒体块以@开始，而不是以$开始。$用于变量
• 媒体块内的规则应正确嵌套

这是正确格式化的代码：

.center
  text-align: center 
.right
  text-align: right 
.top
  vertical-align: top 
.middle
  vertical-align: middle 
@media (min-width: 950px) 
  .row
    max-width: 980px

@media (max-width: 900px) 
  .row
    max-width: 760px
  .logo
    width: 300px