かずきのBlog@hatena

すきな言語は C# + XAML の組み合わせ。Azure Functions も好き。最近は Go 言語勉強中。日本マイクロソフトで働いていますが、ここに書いていることは個人的なメモなので会社の公式見解ではありません。

ZenCoding個人的によく使うと思われる記述のメモ

書き方

とりあえず一覧は公式のWikiを見るとして、よく使うものだけをメモ。

書き方 展開後 説明
a>b <a><b></b></a> aタグの子にbタグを入れる
a+b <a></a><b></b> aタグに続けてbタグ
a.b <a class="b"></a> aタグにbといclassをつける
a#b <a id="b"></a> aタグにbというidをつける
a[hoge="moge" foo="bar"] <a hoge="moge" foo="bar"></a> aタグにhoge="moge" foo="bar"という属性をつける
a*3 <a></a><a></a><a></a> aタグを3つ

応用

書き方で紹介してるものは下のように組み合わせて作れる。これが強力。

  • 繋げる
    • a>b>c
    • a#hoge.moge.foo[nn="aa"]
  • 括弧でくくれる
    • (div.hoge>ul>li*3)*2