常用css公共样式

文字显示。。。 

@mixin ellipsis($lines) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: $lines;
    /* 控制显示的行数 */
}
//文字显示。。。
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

禁止文字选中 

//禁止文字选中
.noSelect{
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

鼠标进入显示小手 

cursor: pointer;

过渡

 transition: width 0.3s;

旋转

  transform: rotate(180deg);

清除浮动  

/* 清除浮动 */
.clearfix::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    clear: both;

去除滚动条

::-webkit-scrollbar {
    display: none;
}
.noScrollbar{
     scrollbar-width: none;
}