css 能不能选择从某一个开始至结束所有的li

Question

有这样一个需求：

<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
    <li>7</li>
    <li>8</li>
</ul>

ul 里不计数量的 li ，想从第2个开始，后面的所有的 li 都不显示。
用 css 怎么写？
或者是用 scss 怎么写？

网上查了也找不到类似的方法，求指点，谢谢！

Answer 1

/*ie7+*/
ul > li + li ~ li {display:none}

/*ie9+*/
ul>li:nth-child(n+3) {display:none}

Answer 2

li:not(:first-child){

display:none;

}
非第一个 全部隐藏

Answer 3

        //第3个后面全部隐藏
        &:not(:nth-child(-n+3)){
            display: none;
        }

终于找到了，没用过这样的

Answer 4

li:nth-child(n+3) {display:none}

Answer 5

li:nth-child(n+3)
{display:none;}