リストの最初の10個のアイテムを整形する

Question

li：nth-​​childのようなものをリストの最初の10個のアイテムに使用できますか？

<ol> 
    <li>item 1</li> 
    <li>item 2</li> 
    <li>item 3</li> 
    <li>item 4</li> 
    <li>item 5</li> 
    <li>item 6</li> 
    <li>item 7</li> 
    <li>item 8</li> 
    <li>item 9</li> 
    <li>item 10</li> 
    <li>item 11</li> 
    <li>item 12</li> 
</ol> 

したがって、1から10までは幻想的で、11と12は正常になります。 可能であれば、私はむしろクラスを使用したくないでしょう。

Answer 1

n番目のチャイルズ例：link：ここの作品に

:nth-child(-n+10) 

これ。

これをよくご理解の上、このチェックアウトをこのsiteで行ってください。

---

IEのサポートが必要な場合は、これをもっときれいにすることはできません。少なくとも私はこの安いハックでどのようにわからない。

ul>li + li + li + li + li + li + li + li + li + li + li{ 
    text-align: center; /*makes everything after 10 centered*/ 

}​ 

http://jsfiddle.net/TzLqZ/ここ

---

上記本の例えば最初の10が中心であり、かつ最後の2が正常であるとIEの方法である： http://jsfiddle.net/TzLqZ/3/

ol>li{ 
    text-align: center; 
    color: blue; 
} 
ol>li+li+li+li+li+li+li+li+li+li+li 
{ 
    text-align: left; 
    color: red; 
} 

Answer 2

私は私はあなたが何をしたいのか何のためだと思いますが、ここでhttp://css-tricks.com/how-nth-child-works/ 見てn番目の子擬似セレクタを探していると思う：

はすべてが、トップ10を選択：

ul li:nth-child(n+11){} 

か、単にトップ10 ：

ul li:nth-child(-n+10){} 

トリックを行う必要があります。しかし

、Internet ExplorerはこのIE8の記事によると、少なくともまでないサポートしています。それで、何か重要なものに頼ってはいけません（子どもに特有のスタイリングがであるとはわかりませんが、）。