"Embedded Engines" section of the official Slim docs声称使用css
,scss
或sass
过滤器将具有Slim生成包含所描述的css的<style>
标签。他们的例子:
scss class="myClass":
$color: #f00;
body { color: $color; }
这将生成以下HTML:
<style class="myClass" type="text/css">body{color:red}</style>
当我在模板中逐字使用此示例代码时,Slim不会生成style
标记。相反,它将样式内联应用于与书面选择器匹配的任何元素。从而:
scss class="myClass":
$color: hot pink;
body { color: $color; }
body "some text"
实际上生成以下HTML:
<body style="color: hotpink">some text</button>
我正在使用Slim 4.0.1,slim-rails 3.2.0和rails 5.2.2,这些都是这些库中最新发布的版本。没有我所知道的自定义配置。
如何获得文档中描述的行为,其中生成了<style>
标记?这是一个我不理解的错误吗?
不知道你在用什么,但我得到了:
<style class="myClass" type="text/css">body{color:red}</style></div></body></html>
有:
scss class="myClass":
$color: #f00;
body { color: $color; }
看起来你在生成的页面上运行某种内联器(我会检查Gemfile中的gem)。