title: Creating Sublime Text 3 Snippets for CSS Selectors
body: <p>I'm using ST3 and trying to create a snippet to quickly output the first child selector. I have saved the file with a <code>.sublime-snippet</code> extension in the Packages/User location. My snippet code:</p>
  
  <pre><code>&lt;snippet&gt;
      &lt;content&gt;&lt;![CDATA[
  :first-child {}
  ]]&gt;&lt;/content&gt;
      &lt;!-- Optional: Set a tabTrigger to define how to trigger the snippet --&gt;
      &lt;tabTrigger&gt;first&lt;/tabTrigger&gt;
      &lt;!-- Optional: Set a scope to limit where the snippet will trigger --&gt;
      &lt;scope&gt;source.css&lt;/scope&gt;
      &lt;description&gt;first-child&lt;/description&gt;
  &lt;/snippet&gt;
  </code></pre>
  
  <p>So when I type <code>div</code> and then the <code>tabTrigger</code> text, the new snippet does not appear in a list or when I press the Tab key. What do I have to do to get it working?</p>
  
  <p>( Note: I've noticed that it works only inside curly braces but this is useless as it needs to work for the CSS selectors which are outside the braces! )</p>