下面就说说
first-child
与first-of-type的区别:
first-child:父元素的第一个子元素且必须符合指定类型
first-of-type:父元素的符合指定类型的第一个子元素
当然,光看文字也是很难理解的,下面看看例子:
第1行
第2行
第3行
这种情况下,不管是p:first-of-type还是p:first-child,
第1行
都会被选中。
而如果是:
第1行
第2行
第3行
第4行
则p:first-of-type的话,
第2行
会被选中;
而p:first-child的话,将没有任何元素被选中!
:first-child和:last-child用来选择某个元素的第一个子元素。
//输入ul li:first-child
//输入ul li:last-child
刚刚有个这方面的视频,视频的系列名称叫做 《Buid New World》 里面的第八集是讲CSS3 选择器的,有机会看看吧