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}