rails资产管道：无效的CSS

我正在尝试使用 在我的rails应用程序中实现照片墙。我在custom.CSS.scss中插入了列表、段落和图像的CSS，只更改了图像的高度和宽度，如下所示：

/* picture wall */

/*------CONTAINER------*/
.container {
  width: 320px;
  margin: 0 auto 50px auto;
}

/*------LIST------*/
.container ul {
  list-style-type: none;
}
 
.container li {
  float: left;
  position: relative;
  width: 280px;
  height: 187px;
  overflow: hidden;
}
 
.container li:hover {
  cursor: pointer;
}

/*------PARAGRAPH------*/
.container li p {
  color: transparent;
  background: transparent;
  font: 200 10px/80px 'Arvo', Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
   
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 80px; 
 
 
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
 
.container li:hover p {
  color: white;
  background: #000; /*fallback for old browsers*/
  background: rgba(0,0,0,0.7);
}

/*------IMAGES------*/
.container img {
  width: 80px;
  height: 80px;
   
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
 
.container li:hover img {
  width: 100px;
  height: 100px;
}

资产管道在该文件中引发以下错误：

Invalid CSS after "  position:": expected pseudoclass or pseudoelement, was " absolute;"

注释掉位置行将显示文件中的下一行：

Invalid CSS after "  top:": expected pseudoclass or pseudoelement, was " 0;"

---

语法问题？我可以不简单地将有效的css放入scss文件吗？有什么好处

尝试使用

文本转换：大写删除行下方的空白

尝试使用

文本转换：大写删除行下的空白 
 < p>问题在空行中！已删除，并且不会引发错误。哎呀，空行是无效的CSS还是SASS

（代码仍然没有做它应该做的，但这是完全不同的问题：-）/p> < p>问题在空白行中！已删除，并且不会引发错误。哎呀，空行是无效的CSS还是SASS
（代码仍然没有做它应该做的，但这是一个完全不同的问题：-）你能发布更多的CSS代码吗？请向我们展示你的CSS。@vinodadhikary刚刚编辑以添加我复制和更改的CSS你能发布更多的CSS代码吗？请向我们展示你的CSS。@vinodadhikary刚刚编辑以添加我复制和更改的CSS你是对的，这就是问题所在，只是我自己发现的。谢谢！你说得对，这就是问题所在，只是我自己发现的。谢谢！这取决于所讨论的空白字符是什么。有一些不同的字符类似于空格、换行符、制表符等，它们实际上不是有效字符。这取决于所讨论的空白字符是什么。有一些不同的字符类似于空格、换行符、制表符等，它们实际上不是有效字符。