破译sass混音

破译sass混音,sass,Sass,熟悉我即将加入的正在进行的项目的代码库。我发现这个mixin经常被使用,我有几个问题。 1.这是一个相当标准的实践还是css习惯用法,我只是不熟悉它? 2.看起来它在clearfix的伪元素后面添加了一个空格,但是为什么还要插入一个:before @mixin container &:before, &:after content: "" display: table &:after clear: both *zoom: 1 显然,我可以等着问球队我

熟悉我即将加入的正在进行的项目的代码库。我发现这个mixin经常被使用,我有几个问题。
1.这是一个相当标准的实践还是css习惯用法,我只是不熟悉它?
2.看起来它在clearfix的伪元素后面添加了一个空格,但是为什么还要插入一个:before

@mixin container
  &:before, &:after
  content: ""
  display: table
&:after
  clear: both
  *zoom: 1
显然,我可以等着问球队我什么时候加入,但我现在想知道!另外,如果这是一个我应该熟悉的习语,也许在那之前我需要做一些谷歌搜索。 谢谢大家

您正在观看尼古拉斯·加拉赫(Nicolas Gallagher)的《微型clearfix》(见:)。
:before
后面的解释如下:

此“micro clearfix”生成伪元素并设置其显示 去吃饭。这将创建一个匿名表单元格和一个新块 格式化上下文,表示:before伪元素阻止 顶部边缘塌陷。:after伪元素用于清除 浮动。因此,不需要隐藏任何生成的内容 并且减少了所需的代码总量

包括:清除浮动不需要选择之前, 但它可以防止在现代浏览器中顶部边距崩溃