小编Cod*_*ace的帖子

我经常在VS Code 中使用Emmet将部分 HTML 文本包装在标签内。

命令是“ Emmet: Wrap with Abbreviation”（在 Windows 上为 Alt+Shift+W）。

是否可以强制 Emmet 将我所有的选择内联包装起来，即在同一行上？

请参见下面的示例，其中<p>标签自动将我的选择放在新行上，而<span>标签只是将我的选择包装在同一行中。

我希望所有 wrap-with-abbreviations 都像<span示例一样。

我有以下布局，这只是一个例子，它会随着页面的变化而变化。

我需要做的是将 2 个不同的 CSS 类添加到每个具有该类已经垂直填充并且必须有一个 ID 的 div。

这样我就可以使每个具有 ID 的 div 的背景颜色同步，灰色，白色，灰白色。如果他们没有 ID，他们不应该分配一个白色或灰色的类：随着 ID 的数量从页面到页面变化，我需要某种类型的 jQuery 函数来以编程方式为奇数或偶数或那些添加白色和灰色背景是的，一排没有。但 DIV 的必须已经和 ID。

例如：

.grey-bg {
    background-color: grey;
}

.white-bg {
    background-color: white;
}

<article id="55" class="post-55">
    <div class="entry-content">
        <div class="row-main">
            <div class="fl-row vertical-padding" id="welcome">1</div>
            <div class="fl-row vertical-padding" id="welcome-2">2</div>
            <div class="fl-row vertical-padding">3</div>
            <div class="fl-row vertical-padding">4</div>
            <div class="fl-row vertical-padding"id="hello">5</div>
            <div class="fl-row vertical-padding" id="welcome">6</div>
            <div class="fl-row vertical-padding">8</div>
            <div class="fl-row vertical-padding">9</div>
            <div class="fl-row vertical-padding" id="welcome-4">7</div>
            <div class="fl-row vertical-padding"id="hello">10</div>
        </div>
    </div>
</article>