css高级应用（持续更新）

1、混合选择器样式定义：

.button.icon:before {
    content: "";
    position: relative;
    top: 1px;
    float:left;
    width: 12px;
    height: 12px;
    margin: 0 0.75em 0 -0.25em;
    background: url(gh-icons.png) 0 -288px no-repeat;
}

这个样式定义的意思：

　　含有“.button”和“.icon”class属性的元素前加入一个伪类 （.button.icon:before 可以这样理解：第一个class选出了含有“.button”的元素，第二个class又选出了且含有“.icon”的元素）

　　如：<button class="button icon"> 提交 </button>

　　效果：

以上纯是自己理解，没有找到相关参考资料，如有不妥处，请指正！