css3中nth-child选择器和nth-of-type选择器的区别
来源：互联网 发布：hl5590dn网络共享 编辑：程序博客网 时间：2024/05/01 15:32
:nth-child可以选择父元素下的子元素，:nth-of-type也可以。但是它们也有区别？
其实区别很简单：:nth-of-type为什么要叫:nth-of-type？因为它是以"type"来区分的。也就是说：e:nth-of-type(n)是指父元素下第n个e元素，
而e:nth-child(n)是指父元素下第n个元素且这个元素为e，若不是，则选择失败。
代码如下
<style> /*选中的是<span>11</span>*/ /*div span:nth-child(3){ color:red;}*/ /*选中的是<span>33</span>*/ div span:nth-of-type(3){ color:red;} </style></head><body> <div> <p>55</p> <p>55</p> <span>11</span> <span>22</span> <span>33</span> <span>44</span> </div></body>：
0 0
- css3中nth-child选择器和nth-of-type选择器的区别
- CSS3中:nth-child和:nth-of-type的区别
- CSS3中:nth-child和:nth-of-type的区别
- 关于css选择器中nth-of-type和nth-child的区别
- CSS3的nth-child() 和nth-of-type（）选择器，表格奇偶行变色
- CSS3选择器:nth-child和:nth-of-type之间的差异
- CSS3选择器:nth-child和:nth-of-type之间的差异
- CSS3选择器:nth-child和:nth-of-type之间的差异
- CSS3选择器:nth-child和:nth-of-type之间的差异(转）
- CSS3选择器:nth-child和:nth-of-type之间的差异
- css3 :nth-child和:nth-of-type的区别
- css选择器中:first-child与:first-of-type的区别///CSS3伪类nth-of-type(n)用法详解
- CSS3伪类选择器nth-child和nth-of-type浅析
- CSS3中:nth-child和:nth-of-type的区别深入理解
- CSS3中:nth-child和:nth-of-type的区别深入理解
- CSS3的nth-child选择器
- :nth-child(index)和nth-child(index)选择器的区别
- CSS3：nth-child() 选择器
- 判断浏览器类型和版本号
- Linux 小技巧:bc输出进制 倒叙正序输出 查看汇编
- QT错误undefined reference to vtable for
- java-- 线程
- Maven
- css3中nth-child选择器和nth-of-type选择器的区别
- 两台相同电脑的版本号相同的IE8浏览器的不兼容问题，一个正常，一个div横向拉长（已经解决）
- Qt 中的事件简述
- 马化腾： 你想想不充钱能不能玩这游戏？ 丁磊：你仔细想想不充钱能不能玩这游戏？ 张栋：CNM我就问你不充钱能玩我运营的游戏吗？
- ssh通过http代理访问服务器
- HDU 1203 I NEED A OFFER!（01背包）
- 使用TextureView和SurfaceTexture预览Camera 基础拍照demo
- @Override报错问题。
- 量子行者 2016 ChinaJoy
