Table Emmet 行终止错误

Question

我在下面的 emmet 中做错了什么？第一个 tr 没有正确终止。我尝试在网上搜索但找不到任何东西。谢谢

table>tr>td*3+tr*3>td*3>{Sample Data $}

Answer 1

Emmet 渲染 html table table>tr>td*3+tr*3>td*3>{Sample Data $} 是错误的，因为它呈现为

<table>
 <tr>
  <td></td>
  <td></td>
  <td></td>
  <tr>
   <td>Sample Data 1</td>
   <td>Sample Data 2</td>
   <td>Sample Data 3</td>
  </tr>
  <tr>
   <td>Sample Data 1</td>
   <td>Sample Data 2</td>
   <td>Sample Data 3</td>
  </tr>
  <tr>
   <td>Sample Data 1</td>
   <td>Sample Data 2</td>
   <td>Sample Data 3</td>
  </tr>
 </tr>
</table>

dom 损坏的地方，请更新为 table>tr*3>td{Sample Data $}*3，它将呈现为

<table>
 <tr>
  <td>Sample Data 1</td>
  <td>Sample Data 2</td>
  <td>Sample Data 3</td>
 </tr>
 <tr>
  <td>Sample Data 1</td>
  <td>Sample Data 2</td>
  <td>Sample Data 3</td>
 </tr>
 <tr>
  <td>Sample Data 1</td>
  <td>Sample Data 2</td>
  <td>Sample Data 3</td>
 </tr>
</table>

Answer 2

在您的示例中，您将第二个 tr 设为第一个 td 的兄弟姐妹。您应该使用 ^ operator:

向上移动第二个 tr

table>tr>td*3^tr*3>td*3>{Sample Data $}

...或分组行

table>(tr>td*3)(tr*3>td*3>{Sample Data $})

Table Emmet 行终止错误

Table Row terminating error with Emmet

html

emmet