less基础二

.juzhong {
  position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.juzhong:hover {
  background-color: #aa2!important;
}
.outer {
  position: relative;
  width: (100+100px);
  height: (100px+100rem);
  border: 1px solid red;
  margin: 50px auto;
  .inner {
    &:extend(.juzhong all);
    &:first-child {
      width: ~"calc(50px + 50)";
      height: 100px;
      background-color: #a10;
    }
    &:last-child {
      width: 50px;
      height: 50px;
      background-color: #cf1;
    }
  }
}

• less计算：需要加括号，只需要一方有单位就可以了，以第一位的单位为准；
• 继承（extend）：需要继承的选择器:extend(.继承的名称 all) {}；all代表关于该继承名字的都会获取过来；
• 避免编译：~“”;在不需要编译的地方写上这个，就可以当做一个字符串来看，从而避免编译；