Question

サブライム3でスニペットを作成したのですが、htmlは問題なく使えるのですが、下のCSSのほうが使えません。
スニペットは一つのファイルで一つしか作成できないのでしょうか？

<snippet>
<description>ｔａｂｌｅタグ一式</description><!-- 説明文 -->
<tabTrigger>table-format</tabTrigger><!-- 予測キーワードとして使用される文字列 -->
<scope>text.html</scope><!-- 表示させたいファイル形式を制限-htmlの編集時にのみ表示される -->
<content>
<![CDATA[
<table class="table-wrap">
<tbody>
<tr>
<th class="table-wrap__heading"></th>
<td class="table-wrap__data">

</td>
</tr>
<tr>
<th class="table-wrap__heading"></th>
<td class="table-wrap__data">

</td>
</tr>
<tr>
<th class="table-wrap__heading"></th>
<td class="table-wrap__data">

</td>
</tr>
<tr>
<th class="table-wrap__heading"></th>
<td class="table-wrap__data table-wrap__data--noborder">

</td>
</tr>
</tbody>
</table>
]]>
</content>
</snippet>




<snippet>
<description>min-width: 34em</description><!-- 説明文 -->
<tabTrigger>@media-small</tabTrigger><!-- 予測キーワードとして使用される文字列 -->
<scope>text.css</scope><!-- 表示させたいファイル形式を制限-htmlの編集時にのみ表示される -->
<content>
<![CDATA[
@media (min-width: 34em) {
. {

}
}
]]>
</content>
</snippet>