Как установить встроенный стиль для элемента в HAML

Question

Вот мой код:

<div class='some' style='position: absolute; left: 300; top: 300;'>..</div>

Он анализирует только style='position: absolute' и не анализирует другие стили. Как мне этого добиться?

Answer 1

Было бы удобно, если бы вы опубликовали HAML, который вы используете, но вот как это делается:

%div.some{ :style => "position: absolute; left: 300px; top: 300px;" }

Answer 2

Не нужно использовать %div:

.some{ style: 'position: absolute; left: 300px; top: 300px;' }

Answer 3

Еще один подход в дополнение к хэшу Дэна Чейла таков:

%div.some(style='position: absolute; left: 300; top: 300;')

Answer 4

Если вы ищете встроенный CSS для изображения:

<%= image_tag( 'image_name.png', style: 'height: 25px; width: 200px; position: absolute' ) %>

Answer 5

Запрошен особый случай хеширования по адресу: https://github.com/haml/haml/issues/787, чтобы мы могли написать:

%div{ style: { display: "none", width: "50px" } }

, очень похоже на class: ["class1", "class2"].