一些很好用但不常用的css属性总结 （持续中......）

　　在各种框架横行的9012，感觉我们学前端的都变得浮躁了很多，放一张最近流行的神图：

                                                    

 

　

　　唉，扯远了， 还是整理我的东西吧，路漫漫其修远兮，吾将上下而求索！

 

1， position：sticky;

　　粘性定位。 元素在屏幕显示区域内时 表示为relative，  当快要滚出显示屏的区域时，表示为fixed。

　　适合那种随着 屏幕滚动 固定在上方或者下方的导航条。

　　最近发现饿了么官网的移动端导航条就是用的 sticky。

2，css伪类 可以连着使用（可以用来判断有几个元素）

<ul>
   <li></li>
   <li></li>
</ul>

  　　li：first-child：nth-last-child（2）          即是第一个li元素又是从后往前数第二个，这样就可以确定总共有2个li，多个的话，同理！

3，文字超出省略。

　　一，单行文字

.textEllipsis{
     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
} 

　　二，多行文字

.textEllipse{
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; 
}