解读sass mixin

Question

熟悉我即将加入的正在进行的项目的代码库。我经常使用这个mixin，我有几个问题 1.这是一个相当标准的做法还是css成语，我对它不熟悉？ 2.看起来它在clearfix的伪元素之后添加了一个空格，但为什么插入一个：之前也是？

@mixin container
  &:before, &:after
  content: ""
  display: table
&:after
  clear: both
  *zoom: 1

显然，当我加入时，我可以等待并询问团队，但我想知道现在就开始了！此外，如果这是一个我应该熟悉的习语，也许我之前有一些谷歌搜索做大声笑。 谢谢大家！

Answer 1

你正在看Nicolas Gallagher的“micro clearfix”（参见：http://nicolasgallagher.com/micro-clearfix-hack/）。 :before背后的解释如下：

  

这个“micro clearfix”生成伪元素并设置它们的显示   到桌子。这将创建一个匿名表单元格和一个新块   格式化上下文，表示：before伪元素阻止   利润率最高的崩溃。 ：after伪元素用于清除   彩车。因此，无需隐藏任何生成的内容   并且减少了所需的代码总量。

     

包括：before选择器不需要清除浮点数，   但它可以防止顶级边距在现代浏览器中崩溃。