HAML标签混乱

问题描述：

我想构建HAML如下：HAML标签混乱

<div class="cell", id="cell11"> 
    more stuff.. 
</div>

其中上述CELL11实际上是形式的红宝石片段

<%= cell.html_id %> (as coded in erb)

我似乎无法建立一个HAML行工作在这种情况下。我可以得到的最好的是一个类与div，其次是与一个ID的div ...

答

如果ID是动态的，只要设置id属性是这样的：

.cell{:id => cell.html_id} 
    more stuff..

否则，你可以串id和类（ES）一起为：

.#myID.cell.foo.bar.etc 
    more stuff...

这将产生

<div id="myID" class="cell foo bar etc"> 
more stuff... 
</div>

谢谢，你的第一个选项工作正常。我对哈姆来说很陌生，只是掌握了它。 – explainer

upvote和'接受'不会伤害。 ;-) – Larsenal

如果我知道这些是什么，我会很高兴和'接受'...我觉得这个网站对我非常有帮助。 – explainer

答

我不知道为什么你的div标记中有一个逗号。我不认为这是有效的HTML。

您可以

<div class="cell" id="cell11"> 
    more stuff.. 
</div>

这样的：

%div.cell#cell11 
    more stuff..

以上简洁，

.cell#cell11 
    more stuff..

的HAML标签格式类似于CSS选择器。