在Emmet和SublimeText中使用data-attr时,禁止数据属性相等

时间:2016-07-01 03:19:20

标签: sublimetext3 emmet

为lego-like块设置片段以进行快速制作。片段内部是以下代码:

"menu:drop": "ul.dropdown.menu[data-dropdown-menu]>li*${1:how_many}>a{Item \\$}"

但是,在SublimeText完成后,会产生以下内容:

<ul class="dropdown menu" data-dropdown-menu="">
    <li><a href="">Item 1</a></li>
    <li><a href="">Item 2</a></li>
    <li><a href="">Item 3</a></li>
</ul>

是否有人知道如何在不破解Emmet核心脚本的情况下禁止使用&#39; =""&#39;在&#39; data-dropdown-menu&#39;之后ATTR?

1 个答案:

答案 0 :(得分:2)

您可以在属性名称后面添加一个点,使其成为 boolean ,例如ul.dropdown.menu[data-dropdown-menu.]。在HTML模式下,它将输出<ul class="dropdown menu" data-dropdown-menu>,但在XML / XHTML中,结果将为<ul class="dropdown menu" data-dropdown-menu="data-dropdown-menu">

有关详细信息,请参阅http://emmet.io/blog/beta-v1-1/