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！