Rails Haml 元素样式答案

【问题标题】：Rails Haml element stylingRails Haml 元素样式
【发布时间】：2012-08-08 23:07:56
【问题描述】：

我的 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

【问题讨论】：

标签： css ruby-on-rails styles haml

【解决方案1】：

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

%html
  %head
  %body.specialbg

这可能是您的示例中的拼写错误，但是您的示例设置方式是，您将主体标签放入头标签

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

【讨论】：

哇，谢谢丹！我非常感谢您为我澄清语法。我每天都学到新东西，很整洁。