less实现css代码

@import "public.less";   //合并公告样式

@boxsize:200px;            //设置变量
@boxColor:red;
@spanColor:green;
@spansize:40px;
body,html{
    position: relative;
}
#box{                      //写样式
    width: @boxsize;
    height: @boxsize;
    background: @boxColor;
    position: absolute;
    top: 0;
    left: -@boxsize;
    span{                     //子类样式
        width: @spansize;
        height: @spansize;
        background: @spanColor;
        position: absolute;
        top: 0;
        left: 100%; 
    }
}
#cover{
    width: @spansize;
    height: @spansize;
    position: absolute;
    top: 0;
    left: 0;
}