微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

CSS3中first-of-type与first-child的区别

                                            <table class="text"&gt;<tbody><tr class="li1"&gt;

<td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

irst-child选择器是css2中定义的选择器,从字面意思上来看也很好理解,就是第一个子元素。   从手册上来定义,其为:选择属于其父元素的首个子元素的每个

元素,并为其设置样式。   这里需要注意其“父元素”的定义   而在CSS3中添加的:first-of-type官方定义为:指定父元素的首个 p 元素   conclude: 所以,通过以上两个例子可以得出结论:   :first-child 匹配的是某父元素的第一个子元素,可以说是结构上的第一个子元素。   :first-of-type 匹配的是某父元素下相同类型子元素中的第一个,比如 p:first-of-type,就是指所有类型为p的子元素中的第一个。这里不再限制是第一个子元素了,只要是该类型元素的第一个就行了。 具体以元素的类型进行分类即可。   同样类型的选择器 :last-child  和 :last-of-type、:nth-child(n)  和  :nth-of-type(n) 也可以这样去理解。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐