jadeでclassやid名を継承して書きたい。

たとえばsassで以下のようなコードがあるとします。

sass
1/* 拡張子sass */
2#testpage
3	&-title
4		font-weight: bold
5	&-content
6		background: #fafafa

これをcssに変換させると、以下の結果になります。

css
1#testpage-title {
2  font-weight: bold;
3}
4
5#testpage-content {
6  background: #fafafa;
7}

このように、id名を入れ子で書きましたが、&でつなげているとcssではid名がつながって出力されました。

こういったことをjadeでもやりたいのですが、それは可能なのでしょうか？

jade
1// jade
2#testpage
3	h1#testpage-title タイトル
4	p#testpage-content ほげほげほげ。

つなげて書かれたidやclass名にしたい理由としては、contentやtitleなど、ありがちかつ多数の箇所で被りやすい単語を使うことがしょっちゅうあるので、一目見て被りではないと判断できるようにしたいと思ったためです。

行動規範の内容に同意します

回答1件

jadeの変数を使うのはどうでしょう。

投稿2016/02/19 04:08

総合スコア765

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだベストアンサーが選ばれていません

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

関連した質問