三、案例解释
p1
p2
p3
p4
p5
p6
p7
p8
CSS:
.div1 p:nth-child(5){ background:#0086b3; color:#fff;}
=================================
p1
p2
p3
p4
p5
p6
p7
p8
CSS:
.div2 p:nth-child(2n){ background:#0086b3; color:#fff;}
=================================
p1
p2
p3
p4
p5
p6
p7
p8
CSS:
.div3 p:nth-child(n+3){ background:#0086b3; color:#fff;}
=================================
p1
p2
p3
p4
p5
p6
p7
p8
CSS:
.div4 p:nth-child(-n+3){ background:#0086b3; color:#fff;}
=================================
p1
p2
p3
p4
p5
p6
p7
p8
CSS:
.div5 p:nth-child(3n+1){ background:#0086b3; color:#fff;}
=================================
p1
p2
p3
p4
p5
p6
p7
p8
CSS:
.div6 p:nth-child(odd){ background:#0086b3; color:#fff;}
.div6 p:nth-child(even){ background:#f4b613; color:#fff;}
=================================