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选择器菜鸟网站