为什么我的自定义css代码段不起作用？

我为css中的第n个类型关键字创建了一个自定义css代码段。但它似乎不起作用。所有其他代码片段都可以完美地工作

<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>

诺蒂
source.css

但当我输入tab触发器并按tab键时，它只是在前面放了一个冒号。我还安装了Emmet，我认为它可能与这里的某些内容相冲突。 我还将代码段保存在正确的目录中

---

正如菲利普·桑德（Philipp Sander）所说，“诺蒂”不是一个元素。这是

的内容。CSS对内容不起作用

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

Id属性：

noty

Id的样式：

#noty_element {
     //your styles
}

.noty_element {
     //your styles
}

类别属性：

noty

Id的样式：

#noty_element {
     //your styles
}

.noty_element {
     //your styles
}

---

诺蒂很满足。。。不是html元素，但我们可以将其设置为我们想要的任何内容，对吗？例如：在Js中，我为“document.addEventListener”设置了“ael”选项卡触发器，它在那里工作得很好。哦，我明白了。但是我如何让它为CSS工作呢？