来讲讲：CSS伪类挑选器nth-child()

Div全称division意为“区分”使用DIV的方法跟使用其他tag的方法一样。
破洛洛文章简介：:nth-child()事情道理.
这是一个CSS选择器，一个真实的伪类选择器，它就是nth-child(),上面是利用它的典范。
ulli:nth-child(3n+3){
color:#ccc;
}
下面的css是干甚么用的，它就是在无序列内外面选择是3倍数的列。也就是第3个，第6个，第9个等等。可是它事情道理是如何的那？假如碰到别的情形你又怎样利用nth-child那？
总的来讲nth-child()圆括号内里撑持两个关头词：even与odd。他们应当很分明的，even选择偶数标签，如第2、第4、第6等等。odd选择奇数标签，如第1，第3，第5等等。
正如你在第一个例子内里看到的，nth-child()的圆括号里也撑持方程式的，是最复杂的方程式吗？仅仅是数字。假如你在圆括号内里输出一个数字，那它仅仅选择这个数量对应的谁人标签。好比，怎样仅仅选择第5个标签元素。
ulli:nth-child(5){
color:#ccc;
}
让我们回到刚入手下手例子内里的“3n+3”下面吧，他的事情道理是如何的？为何他仅仅选择3倍数的标签元素？这里就要了解“n”与数学方程式的盘算。
“n”则暗示年夜于即是0的整数。因而可知3n就是3xn，这个方程式就能够注释为”(3xn)+3″,也就是n为0或年夜于0的整数。因而我们能够失掉
(3x0)+3=3=3rdElement
(3x1)+3=6=6thElement
(3x2)+3=9=9thElement
等等
:nth-child(2n+1)又是怎样盘算的那？
(2x0)+1=1=1stElement
(2x1)+1=3=3rdElement
(2x2)+1=5=5thElement
等等
稍等！这跟“odd”是一样的！以是”1“就没有需要屡次呈现了。如今，再看我们本来的例子就感到代码庞大了些。我们能够用“3n+0”乃至“3n”取代“3n+3”.
(3x0)=0=nomatch
(3x1)=3=3rdElement
(3x2)=6=6thElement
(3x3)=9=9thElement
等等
正如你所看到的，我们不必+3就能够做到一样的效果。我们也能够利用正数。在方程式内里利用减法，如4n-1；
(4x0)–1=-1=nomatch
(4x1)–1=3=3rdElement
(4x2)–1=7=7thElement
等等
利用“-n”值看起来有点乖僻。假如方程式盘算失掉的值是正数，他就不指定任何元素标签。正如了局展现的那样，这是一个相称伶俐的手艺，你可使用“-n+3”选择选择前几个元素标签。
-0+3=3=3rdElement
-1+3=2=2ndElement
-2+3=1=1stElement
-3+3=0=nomatch
等等。
www.sitepoint.com站点有很好的参数解说与引导，包含一些手动列表。我间接公布到这里了！
n2n+14n+14n+44n5n-2-n+30114--31358432259128813713161213-4917201618-51121242023-相干文章保举
:nth-child()
Understanding:nth-childPseudo-classExpressions
中文原文：nth-child()事情道理
英文原文：Hownth-childWorks

</p>
你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。