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

<div class="logo"></div>
	<nav class="nav">
		<a href="" class="nav__item">课程</a>
		<a href="" class="nav__item">职业路径</a>
		<a href="" class="nav__item">实战</a>
		<a href="" class="nav__item">猿问</a>
		<a href="" class="nav__item">手记</a>
    </nav>