使用负的nth-child()&max-height滑块

使用负的 nth-child
可以选择 1 至 n 个元素。
li { display: none;}/* 选择第 1 至第 3 个元素并显示出来 */li:nth-child(-n+3) { display: block;}

:not()
/* 选择第 1 至第 3 个元素并显示出来 */li:not(:nth-child(-n+3)) { display: none;}

/*******************************************分割线**************************************/

max-height 与 overflow hidden 建立纯 CSS 的滑块：

.slider {
max-height: 200px;
overflow-y: hidden;
width: 300px;
}

.slider:hover {
max-height: 600px;
overflow-y: scroll;
}