はじめに

引き続きHamlの記事を書いていきます。
今回は、私が地味に悩んだクラスの付け方です。

実行

例えばhtmlで下記のようなコードがあるとします。

<p>私は伊藤です</p>

これをHamlで書き換えると次のようになります。

%p 私は伊藤です

pの前に%をつけるのがポイントです。

では次の場合はどうでしょうか？

<p class ="name">私は伊藤です</p>

タグにクラスをつける場合です。
これは次のように書き換えます。

%p.name 私は伊藤です

%pの後に.nameを追加します。
これでHamlでもpタグにクラスをつけることができます。
これは他のタグでも同様です。