Почему мой пользовательский фрагмент CSS не работает?

Question

Я создал собственный фрагмент CSS для ключевого слова nth-of-type в 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>

Но когда я вхожу в триггер табуляции и нажимаю табуляцию, он просто ставит двоеточие впереди. Также я установил Emmet, и я думаю, что это может конфликтовать с чем-то здесь. Также я сохранил фрагмент в правильном каталоге.

Answer 1

Как говорит Филипп Сандер, «ноти» не является элементом это содержание <tabTrigger>. CSS не будет работать для контента.

Вы можете использовать тег / имя элемента или свойство класса / id в элементе и использовать это значение класса / id для выбора этого элемента.

Id свойство: <tabTrigger id="noty_element">noty</tabTrigger>

стилей для Id:

#noty_element {
     //your styles
}

класс свойство: <tabTrigger class="noty_element">noty</tabTrigger>

стилей для Id:

.noty_element {
     //your styles
}