Less重点功能-混合Mixins

Less：

//加上括号，编译时当做被调用处理，不会直接在css中输出
.fl(){
    float:left;
}
.fr(){
    float: right;
}

.logo{
    .fl();
}
.nav{
    .fl()
}
.profile{
    .fr()
}

CSS：

.logo {
  float: left;
}
.nav {
  float: left;
}
.profile {
  float: right;
}

HTML：

.logo+nav.nav>a.-item{课程}+a.-item{职业路径}+a.-item{实战}+a.-item{猿问}+a.-item{手记}|bem

	

		课程
		职业路径
		实战
		猿问
		手记