CSSで○番目から○番目までを指定する

<ul>
　　<li>1</li>
　　<li>2</li>　← これと
　　<li>3</li>　← これと
　　<li>4</li>　← これ
　　<li>5</li>
</ul>

真ん中のアイテムだけ見た目を変えたいの！！！
というときがスライダーやらページャーを作るときによくあって
クラスをつけるのもなんだかなぁというときに使えるCSS技。

nth-of-typeを複数設定

/* 2番目から5番目の要素を指定する */

li:nth-of-type(n+2):nth-of-type(-n+5) {
....
}

これでOK！