表格行与Emmet终止错误

时间:2018-03-09 03:40:43

标签: html5 emmet

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

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

2 个答案:

答案 0 :(得分:0)

Emmet渲染html表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>

答案 1 :(得分:0)

在您的示例中,您将第二个tr作为第一个td的兄弟姐妹。您应该使用tr运算符向后移动^

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

...或组行

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