如何使用CSS3 :only-child 选择器

1、CSS3 :only-child 的应用实例。代码规定了唯一子元素。p:only-child{ background:#ff0000; }

3、CSS3 :nth-child() 选择器，这个代码可以对于规定的子元素的序号进行定义。代码当中是第二个。p:nth-child(2){ background:#ff0000; }

5、特殊用法。我们可以把几个元素分成一组，再从中选择第二个 子元素！三个元素一组，中间的元素样式有变。p:nth-child(3n+0){ background:#ff0000; }

6、CSS3 :nth-last-child() 选择器。这就是一个倒数的概念，从最后一个子元素开始往回数，从而确定真正的选择元素。p:nth-last-child(2){ background:#ff0000; }p:nth-last-child(3n+0){ background:#ff0000; }