在各种框架横行的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:;

    -webkit-box-orient: vertical;

}