CSS3 元素选择器巧记方法

css 后代选择器有很多，乍一眼看上去都差不多，死记硬背不是长久之计，为此，我做了简单的总结，抽象了一个巧记的方法。

父元素（XXX）  下面   第N个  （YYY）元素

注：XXX为父元素名字，YYY为目标后代元素描述条件

例如：

p:first-of-type                 父元素（缺省）下面 （缺省）第一个p元素

p:last-of-type                 父元素（缺省）下面 （缺省）最后一个p元素

p:only-of-type                父元素（缺省）下面 （缺省）唯一的p元素

p:nth-child(2)                 父元素（缺省）下面    第2个  子元素p

p:nth-of-type(2)              父元素（缺省）下面    第2个  元素p

总的来说，就是定位到要选择的目标元素，3个条件，父元素 第几个 什么目标元素

注意：xx-of-type 选择的范围是某一类元素；xx-child 选择的范围是子元素

备注：详见css选择器菜鸟网站