Question

我试过

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

但在table

之后关闭div标记

        <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>

请建议写出合适的emmet代码？

Answer 1

尝试使用括号。像这样：

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>

Answer 2

您使用了 climb-up 运算符 (^) 但只使用了一次，所以它只“爬升”了一个逻辑级别（即 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>

这正是您想要的。

表格的Emmet短代码与div

2 个答案: