css - Rails Haml 元素样式

Question

我的 css 中有一个自定义样式，用于我要应用的背景图片:

.specialbg {

 background-image: url('http://i.imgur.com/XMuKF.jpg') no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;

 }

我想将此样式应用到 HAML 中的 body 元素，但我不确定参数是如何设置的。我认为以下应该有效:

%html
 %head
  %body
   .specialbg

但事实并非如此。我已经阅读了 haml 样式引用手册，但看不出我哪里错了——我刚刚采用了 haml，非常感谢任何帮助或指点!

我引用的 Stack Q:

scaml "illegal nesting" error

Background images do not render on Ruby on Rails application

Answer 1

要将类添加到您的 body 元素，您只需将类附加到标签，如下所示:

%html
  %head
  %body.specialbg

这可能是您示例中的错字，但您的示例设置方式是将 body 标签放在 head 标签中

如果您将 .specialbg 类放在自己的行中，它会在您的 body 标签内创建一个带有 class='specialbg'

的 div