CSS: Как отобразить первых N элементов списка

2015-03-18

Сделать это можно так:

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

К примеру, если у нас есть следующий HTML, то с приведенным выше CSS мы увидем только 1,2,3.

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



Добавить комментарий