这是nested selector嵌套选择器，表示只匹配 同时拥有error和instrusion class的元素

这并非 sass 的功能，是编辑器的功能，叫自动补全 auto-complete

你如果用的 atom 编辑器的话，这个功能是自带的

我更想知道sass build插件的怎么安装，试过了各种安装方法都不行

这个问题我也遇到了，专门研究了一下

CSS中这样写表示定义的是两个类的交集样式

在html中也是添加多个类名并列（试了一下，顺序还可以互换）的调用方式

此时权重会发生改变，  .class1和.class2的权重是1，而.class1.class2的权重为2(即最高)，页面加载时会优先使用权重高的，即自己定义的交集样式，而不是.class2的样式

显示效果：

-----------------------------------------------------------------------------------------------------------------

对比以下另一种情况，理解会更深刻

假设CSS不定义交集样式.class1.class2,看看是什么情况

html调用过程相同

此时  .calss1和.calss2的权重是1，.class2写在后面会覆盖掉.class1的样式

显示效果：

----------------------------------------------------------------------------------------------------------

总结，这种类选择器交集的写法适合特定的应用场景，比如同时满足class1和class2的元素时候又不想定义第三种类的时候（还有就是ie6不支持两个连续并列class类名），我也没有实践过这种写法，感觉不好理解（可能我没碰到适合这样的应用场景），我一般写下面这种写法，比较益于理解，可扩展和可维护性也高。

@mixin background($l){

    background-image:url(../style_img/castle_icon6.png);

    background-repeat:no-repeat;

    background-position:$l;

}

em{

    @include background( -100px -200px );

}

i{

      @include background( -50px -30px );

}

可以尝试使用sublime text编辑器， 安装emmet插件 就可以实现~

果然后面提到了