less的学成之路1

`@ssq:#fff    //这里定义一个颜色的参数名为ssq`

如果什么地方需要用到这个色号比如color：@ssq就等于color：#fff
当然也有混合型的

.dotted{
border:1px solid red;
width:100px;
}
//如果某个div需要用到dotted的样式可以写成如下形式
div{
background-color:#fff;
.dotted
}

嵌套规则：

#menu a{
color:black
}
#menu b{
font-size:14px
}
//如果每次写会发现重复写#menu，比较重复，可以简化成下面这样
#menu{
a{
color:black
}
b{
font-size:14px
}
}

熟悉了这些简单的简单复用以及嵌套，那伪类该如何处理呢

.clearfix {
  display: block;
  zoom: 1;

  &:after {  //此处的&其实就是指示clearfix
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    clear: both;
    visibility: hidden;
  }
}

稍微复杂点的媒体嵌套使用例子

.className{
@media screen{
color:#fff
@media (min-width:768px){
color:black;
}
}
@media tv{
color:red;
}
}
///等价于
@media screen{
.className{
color:#fff
}
}
@media screen and (min-width: 768px) {
.className{
color:black;
}
}
@media screen{
.className{
color:#fff
}
}