Q&A
いつもお世話になっております。
当方VSCodeを使っており、最近になってemmetを用いた
省略記法によるコーディングのスピードアップを試みているのですが
展開後、入れ子等が改行されず、かえって手間となってしまっております。
ただし、改行される場合もあり（試したこと欄で記述します）
改行される場合とされない場合の差異がわかりません。
その差異がわかればそこから調べられるかも、、とも思っております。
やり方/ヒント教示いただきたく宜しくお願い致します。
####やりたいこと
html
1div.test>(a.test0$>img.test0$-0$)*3
上記省略記法を展開した際、下記のように、改行/インデントがそろった状態で
展開されるようにしたいと考えております。
html
1<div class="test"> 2 <a href="" class="test01"> 3 <img src="" alt="" class="test01-01"> 4 </a> 5 <a href="" class="test02"> 6 <img src="" alt="" class="test02-02"> 7 </a> 8 <a href="" class="test03"> 9 <img src="" alt="" class="test03-03"> 10 </a> 11</div>
####現状
上記展開した際、改行されないまま展開がされてしまします。
html
1<div class="test"><a href="" class="test01"><img src="" alt="" class="test01-01"></a><a href="" class="test02"><img src="" alt="" class="test02-02"></a><a href="" class="test03"><img src="" alt="" class="test03-03"></a></div>
####試したこと
下記の場合は改行された状態で展開されます。
html
1ul.test>li.test0$*3
html
1<ul class="test"> 2 <li class="test01"></li> 3 <li class="test02"></li> 4 <li class="test03"></li> 5</ul>
ul/liタグの展開は改行がされるようです。
あなたの回答
tips
プレビュー
