Ubuntu GMate その37 - 兄弟要素を展開する略記の記述方法・任意の属性を展開する略記の記述方法（Zen Codingプラグイン）

兄弟要素を展開する略記の記述方法

  兄弟要素を展開する略記の記述方法です。


  前回は下位要素を展開する略記の記述方法を紹介しました。

  今回は、兄弟要素を展開する略記の記述方法を紹介します。
  「li」要素など、同じ種類の兄弟要素を複数展開したい時は、「同じ種類の兄弟要素を展開する略記の記述方法」を利用すると良いでしょう。

  略記のフォーマット

    略記のフォーマットは以下のようになります。

  1-1.略記の入力

    ここでは例として、以下のように入力します。

  1-2.略記の展開

    略記を展開すると、以下のように要素が展開されます。

  2-1.略記の入力

    下位要素を展開する略記と組み合わせてみます。
    ここでは例として、以下のように入力します。

  2-2.略記の展開

    略記を展開すると、以下のように要素が展開されます。

id属性とclass属性付きで要素を展開する略記

  前回紹介したid属性とclass属性付きで要素を展開してみます。

  1.略記の入力

    ここでは例として、以下のように入力します。

  2.略記の展開

    略記を展開すると、以下のように要素が展開されます。

任意の属性を展開する略記の記述方法

  任意の属性を展開する略記の記述方法です。
  この略記方法を利用すれば、id属性やclass属性以外の属性を指定することができます。

  略記のフォーマット

    略記のフォーマットは以下のようになります。

  1-1.略記の入力

    ここでは例として、以下のように入力します。

  1-2.略記の展開

    略記を展開すると、以下のように指定された属性付きで要素が展開されます。

  2-1.略記の入力

    複数の属性を指定する例です。
    ここでは例として、以下のように入力します。

  2-2.略記の展開

    略記を展開すると、以下のように指定された属性付きで要素が展開されます。

    補足

      属性名を大文字で入力しても、小文字に変換して展開してくれます。