LESS中要调用方法要注意的问题

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

如果在less中

.container {
  .clearfix;
}

某个container调用了clearfix的方法，编译后只会变成

.container { *zoom:1; }

而其他规格不会编译。

解决方法，这样写

.clearfix{
	&:before, &:after {
		content:"";display: table;
	}
	&:after {
		clear:both;
	}
	*zoom:1;
}

就没问题了