Sublimetext3 带div的表的Emmet短代码

我试过了

h1{hello}+table>tr*2>td{$ row}*2^div#list>ul>li{text $}*2

但它在

div之后关闭
table
tag

        <h1>hello</h1>
        <table>
            <tr>
                <td>1 row</td>
                <td>2 row</td>
            </tr>
            <tr>
                <td>1 row</td>
                <td>2 row</td>
            </tr>
            <div id="list">
                <ul>
                    <li>text 1</li>
                    <li>text 2</li>
                </ul>
            </div>
        </table>

你好
一排
2排
一排
2排

文本1
文本2

---

请建议编写正确的emmet代码？

尝试使用括号。像这样：

h1{hello}+(table>tr*2>td{$ row}*2)+div#list>ul>li{text $}*2

它给了我：

<h1>hello</h1>
<table>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
</table>
<div id="list">
    <ul>
        <li>text 1</li>
        <li>text 2</li>
    </ul>
</div>

你好 一排 2排 一排 2排

• 文本1
• 文本2

---

尝试使用括号。像这样：

h1{hello}+(table>tr*2>td{$ row}*2)+div#list>ul>li{text $}*2

它给了我：

<h1>hello</h1>
<table>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
</table>
<div id="list">
    <ul>
        <li>text 1</li>
        <li>text 2</li>
    </ul>
</div>

你好 一排 2排 一排 2排

• 文本1
• 文本2

---

尝试使用括号。像这样：

h1{hello}+(table>tr*2>td{$ row}*2)+div#list>ul>li{text $}*2

它给了我：

<h1>hello</h1>
<table>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
</table>
<div id="list">
    <ul>
        <li>text 1</li>
        <li>text 2</li>
    </ul>
</div>

你好 一排 2排 一排 2排

• 文本1
• 文本2

---

尝试使用括号。像这样：

h1{hello}+(table>tr*2>td{$ row}*2)+div#list>ul>li{text $}*2

它给了我：

<h1>hello</h1>
<table>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
</table>
<div id="list">
    <ul>
        <li>text 1</li>
        <li>text 2</li>
    </ul>
</div>

你好 一排 2排 一排 2排

• 文本1
• 文本2

您使用了爬升运算符（

^

），但只使用了一次，因此它只“爬升”了一个逻辑级别（即

表>tr>td^div

将div置于

tr

的级别）

尝试爬得更高：D注意双

^

：

h1{hello}+table>tr*2>td{$ row}*2^^div#list>ul>li{text $}*2

这给了我

<h1>hello</h1>
<table>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
</table>
<div id="list">
    <ul>
        <li>text 1</li>
        <li>text 2</li>
    </ul>
</div>

你好 一排 2排 一排 2排

• 文本1
• 文本2

这正是您想要的。

您使用了爬升运算符（

^

），但只使用了一次，因此它只“爬升”了一个逻辑级别（即

table>tr>td^div

将div置于

tr

的级别）

尝试爬得更高：D注意双

^

：

h1{hello}+table>tr*2>td{$ row}*2^^div#list>ul>li{text $}*2

这给了我

<h1>hello</h1>
<table>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
</table>
<div id="list">
    <ul>
        <li>text 1</li>
        <li>text 2</li>
    </ul>
</div>

你好 一排 2排 一排 2排

• 文本1
• 文本2

这正是您想要的。

您使用了爬升运算符（

^

），但只使用了一次，因此它只“爬升”了一个逻辑级别（即

table>tr>td^div

将div置于

tr

的级别）

尝试爬得更高：D注意双

^

：

h1{hello}+table>tr*2>td{$ row}*2^^div#list>ul>li{text $}*2

这给了我

<h1>hello</h1>
<table>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
</table>
<div id="list">
    <ul>
        <li>text 1</li>
        <li>text 2</li>
    </ul>
</div>

你好 一排 2排 一排 2排

• 文本1
• 文本2

这正是您想要的。

您使用了爬升运算符（

^

），但只使用了一次，因此它只“爬升”了一个逻辑级别（即

table>tr>td^div

将div置于

tr

的级别）

尝试爬得更高：D注意双

^

：

h1{hello}+table>tr*2>td{$ row}*2^^div#list>ul>li{text $}*2

这给了我

<h1>hello</h1>
<table>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
    <tr>
        <td>1 row</td>
        <td>2 row</td>
    </tr>
</table>
<div id="list">
    <ul>
        <li>text 1</li>
        <li>text 2</li>
    </ul>
</div>

你好 一排 2排 一排 2排

• 文本1
• 文本2

这正是你想要的