使用：sass过滤器：css

Question

我们目前正在制作一个需要一些默认声明样式的小部件（小部件html包含在javasacript中，以及样式标签中的默认css）但问题是我无法“链接”haml过滤器。 / p>

我要做的是添加内部样式表以及小部件，如下所示：

<style type="text/css">
  p {color: #f00;}
</style>

<div id="widget-goes-here">
   <p>etc</p>
</div>

我们正在使用haml，所以我尝试使用sass过滤器：

:sass
  p
    :color #f00

#widget-goes-here
  %p etc

遗憾的是，它只是生成了一个带有p加上生成的css代码的div：

p {color: #f00;}

paragraph here

然后我尝试使用haml的css过滤器将东西封装在样式标签中（理论上它应该将段落文本颜色变为红色）：

:css
  :sass
    p
      :color #f00

#widget-goes-here
  %p etc

但这也失败了，它确实生成了样式标签但是它只是包含了单词：sass p：color＃f00 in it（它没有解析sass代码）

我们确实将其更改为

 :css
   p {color: #f00}

它运行良好，但我仍然计划在sass（而不是普通的旧CSS）中进行样式有没有办法做到这一点？

Answer 1

也在haml小组中发布了这个回复：

您无法嵌套过滤器。

你想要这个用于sass：

%style{:type => "text/css"}
  :sass 
    div 
      color: red 

哦，如果嵌套它可能会更漂亮。