在SASS中，有没有办法为＃{$ site_name} -product-list定义？ （使用变量的ID名称）

Question

例如，如果

$site_name是cars，或boats，然后是

#{$site_name}-product-list
  background: #ffc

将成为

#cars-product-list
  background: #ffc        // this is still SASS, but the CSS will be like this

在SASS有可能吗？ （我们没有使用SCSS，所以寻找SASS的解决方案，但如果SCSS可以做到，你可以把它放在评论中。谢谢。）（HAML可以通过使用%div{:id => "#{site_name}-product-list"}来做到这一点，但需要SASS与它一起工作）

Answer 1

好的，我找到了答案：

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#interpolation_

所以它可以是

$site_name: cars

  ...

##{$site_name}-product-list
  background: #ffc

将成为

#cars-product-list
  background: #ffc

但是，有一些用户声称使用这样的ID或类名来帮助提高搜索引擎排名是没用的......所以他们声称只使用{{1 - 但我的问题仍然存在 - 我们如何确定Google，Yahoo，Bing的所有内容呢？今天适用的情况可能不适用于2个月后？ （他们可以随时更改算法）

此外，HAML和SASS文件都需要这样做（对于很多元素，不仅仅是1或2 - HAML可能大约20，SASS大约20（单数或复数） ），我想知道是否值得付出努力。