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

Question

我为 css 中的第 n 个类型关键字创建了自定义 css 片段。但这似乎不起作用。所有其他片段都完美无缺。

<snippet>
    <content><![CDATA[
nth-of-type()
]]></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>

但是当我输入制表符触发器并按下制表符时，它只是在前面放了一个冒号。我还安装了 Emmet，我认为它可能与此处的某些内容冲突。此外，我已将该代码段保存在正确的目录中。

Answer 1

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

您可以使用 tag/an 元素名称，或者您可以在元素中使用 class/id 属性，并将该 class/id 值用于 select 该元素.

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

Id 样式：

#noty_element {
     //your styles
}

class 属性 : <tabTrigger class="noty_element">noty</tabTrigger>

Id 样式：

.noty_element {
     //your styles
}

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

Why is my custom css snippet not working?

css

code-snippets

emmet