HAML标签混淆

发布于 2024-12-20 16:11:04 字数 300 浏览 1 评论 0原文

我希望在 haml 中构建以下内容:

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

其中上面的 cell11 实际上是以下形式的 ruby​​ 片段,

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

我似乎无法构建在这种情况下有效的 haml 行。我能得到的最好的就是一个带有类的div,然后是带有id的div......

I wish to construct the following in haml:

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

where cell11 above is actually a ruby snippet of the form

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

I cannot seem to construct a haml line that works in this case. The best I can get is a div with a class, followed by a div with an id...

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

黎歌 2024-12-27 16:11:04

我不确定为什么你的 div 标签中有一个逗号。我认为这不是有效的 HTML。

你可以

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

这样写:

%div.cell#cell11
  more stuff..

或者更简洁地说,

.cell#cell11
  more stuff..

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

I'm not sure why there is a comma in your div tag. I don't think that's valid HTML.

You can make

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

like this:

%div.cell#cell11
  more stuff..

or more tersely,

.cell#cell11
  more stuff..

The HAML tag format is similar to CSS selectors.

清风挽心 2024-12-27 16:11:04

如果 ID 是动态的,只需设置 id 属性,如下所示:

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

否则,您可以将 id 和 class(es) 串在一起,如下所示

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

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

If the ID is dynamic, just set the the id attribute like this:

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

Otherwise, you can just string the id and class(es) together as in:

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

which would yield

<div id="myID" class="cell foo bar etc">
more stuff...
</div>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文