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

标签 css sublimetext3 css-selectors emmet

我正在使用 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 选择器上工作!)

最佳答案

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

关于css - 为 CSS 选择器创建 Sublime Text 3 片段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21392320/

相关文章:

javascript - 对于 html/css/js,在移动模式下幻灯片放映一个周期后, slider 图像会恢复为原始大小

html - 边框或图像不显示在 iphone 的水平滚动条上

html - 无法定位 css 阻止按钮功能

sublimetext3 - 如何在崇高的文本中显示幻影?

plugins - 如何设置 Sublime Text 3 鼠标事件来触发自定义行为和默认行为?

html - 为什么我的子 div 不留在父 div 中?

sublimetext3 - 如何创建读取 shebang 的 Sublime Text 3 构建系统

css - 是否有 CSS 父级选择器?

html - 带有 anchor 标记的列表项的CSS元素+元素选择器

css-selectors - 如何在 Less 中使用 begin with 选择器