css - 为 CSS 选择器创建 Sublime Text 3 片段

Question

我正在使用 ST3 并尝试创建一个片段来快速输出第一个子选择器。我已将扩展名为 .sublime-snippet 的文件保存在 Packages/User 位置。我的代码片段:

<snippet>
    <content><![CDATA[
:first-child {}
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>first</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.css</scope>
    <description>first-child</description>
</snippet>

因此，当我键入 div，然后键入 tabTrigger 文本时，新片段不会出现在列表中或当我按下 Tab 键时。我需要做什么才能使其正常工作？

(注意:我注意到它只在大括号内有效，但这是无用的，因为它需要在大括号外的 CSS 选择器上工作!)

Answer 1

不幸的是，由于一些技术问题，您无法在 CSS 中轻松组合 ST 和 Emmet 片段。作为解决方法，您可以直接在 Emmet 中创建代码片段:

• > http://docs.emmet.io/customization/snippets/
• > https://github.com/sergeche/emmet-sublime#extensions-support