ABAAAB
B:nth-child(2n){some style}
此时序列中所有的B都将被选中
上面示例中,nth-child会在B的同级元素节点中寻找符合的元素
ABAAAB
B:nth-of-type(2n){some style}
此时序列中第二个B将被选中
nth-of-type选中规则
nth-child和nth-of-type区别主要在与其它类型的元素是不是参与排序.
从字面意思也能理解.
nth-child是typeA:nth child of father,不分组在所有的元素里找nth元素再看这个元素是不是typeA.
nth-of-type是typeA:nth type(A) child of father,先把typeA元素单拎出来,然后在新的只有typeA的序列里选nth元素
百度 一、辨析nth-child()和nth-of-type() p:nth-child(2)的含义：①该标签是其...
css中的:nth-child(n)和:nth-of-type(n)的区别
css3: 1、选择器：nth-child（）、nth-of-type（）、：checked、：disabled ...
nth-child和nth-of-type区别 上面示例中,nth-child会在B的同级元素节点中寻找符合的元素...
jQuery的API: 1.选择器: > + ~ nth-child（编号）,nth-of-type(编号),[...
jQuery的API: 1.选择器: > + ~ nth-child（编号）,nth-of-type(编号),[属...
jQuery的API: 1.选择器: > + ~ nth-child（编号）,nth-of-type(编号),[属...
jQuery的API: 1.选择器: > + ~ nth-child（编号）,nth-of-type(编号),[属...
jQuery的API: 1.选择器: > + ~ nth-child（编号）,nth-of-type(编号),[属...
jQuery的API: 1.选择器: > + ~ nth-child（编号）,nth-of-type(编号),[属...
本文标题：nth-child & nth-of-type
本文链接：https://www.haomeiwen.com/subject/vlyohktx.html
网友评论