为什么我的自定义 CSS 片段不起作用？

Question

我为 css 中的 nth-of-type 关键字创建了一个自定义 css sn-p。但这似乎不起作用。所有其他 sn-ps 都可以正常工作。

<snippet>
    <content><![CDATA[
nth-of-type(${1})
]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>noty</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.css</scope>
</snippet>

但是当我进入 tab 触发器并按下 tab 时，它只会在前面放一个冒号。我也安装了 Emmet，我认为它可能与这里的某些东西冲突。 我也将 sn-p 保存在正确的目录中。

Answer 1

正如 Philipp Sander 所说，“noty”不是一个元素。这是<tabTrigger> 的内容。 CSS 不适用于内容。

您可以使用标签/元素名称，也可以在元素中使用 class/id 属性，并使用该 class/id 值来选择该元素。

Id 属性： <tabTrigger id="noty_element">noty</tabTrigger>

Id 的样式：

#noty_element {
     //your styles
}

类属性： <tabTrigger class="noty_element">noty</tabTrigger>

Id 的样式：

.noty_element {
     //your styles
}