Emmet在div元素中赋予样式属性的快捷方式？

Question

是否有任何直接给我的特殊字符声明 <div style=""></div>就像.container给我<div class="container"></div>和div＃con给我<div id="con"></div>

一样

我也知道有div[style]给我<div style=""></div>

但是我想要一些特殊的字符声明（如果有）？作为我的解决方案！

Answer 1

<div style></div>是Global HTML属性之一，它为元素指定了内联CSS样式。您只能使用它来操作该标签。

check this link out

Answer 2

[style]本身起作用。它将转换为<div style=""></div>。

Answer 3

如div[style]所述。 [style]仅在某些情况下有效，例如<ul> [style]内部将产生<li style=""></li>。

另一个选项（基于您使用的编辑器）是在snippets.json中定义您自己的emmet缩写，例如

{
      "html": {
                abbreviations: {
                                 "@": "div[style]",
                },
      },
}

查看emmet文档here中的详细信息。