如何一次性生成多个带有相同类名的HTML段落？

直接用Emmet的类名语法即可实现，你只需要在标签后追加多个类名（用.分隔），再结合重复语法*10就能批量生成带指定类名的段落。

正确的Emmet语法 #

有两种常用写法：

• 简写类名写法：

  p.class1.class2{This is a paragraph $}*10
  

• 属性语法写法（适合需要明确指定属性的场景）：

  p[class="class1 class2"]{This is a paragraph $}*10
  

生成后的效果 #

执行上述任意一种语法后，会生成如下HTML代码：

<p class="class1 class2">This is a paragraph 1</p>
<p class="class1 class2">This is a paragraph 2</p>
<p class="class1 class2">This is a paragraph 3</p>
<p class="class1 class2">This is a paragraph 4</p>
<p class="class1 class2">This is a paragraph 5</p>
<p class="class1 class2">This is a paragraph 6</p>
<p class="class1 class2">This is a paragraph 7</p>
<p class="class1 class2">This is a paragraph 8</p>
<p class="class1 class2">This is a paragraph 9</p>
<p class="class1 class2">This is a paragraph 10</p>

这样就完全符合你期望的格式——所有段落都带有class1和class2两个类名，同时保持段落内容的序号递增。

内容的提问来源于stack exchange，提问作者Hans Udo Wolfrahm