台州温岭做网站请找我们 (专业建站 | 诚信服务) 13958630945 在线客服 联系技术

佳源设计|台州网站建设|佳源网页设计

网站当前位置: 首页>>网站设计_Css样式>>nth-child(n) 与 nth-of-type(n)的区别
做网站JS特效
 
网站建设疑难
 
网站设计_图象处理
 
网站设计_Css样式
 
网站建设_Flash疑难
 
手机微网站建设
 
 建站知识搜索
 

台州网站建设
 
网站优化
 
提交疑问
 网站设计_Css样式 > nth-child(n) 与 nth-of-type(n)的区别

nth-child(n) 与 nth-of-type(n)的区别

888次浏览
2018-12-20
nth-child(n) 与 nth-of-type(n)的区别

解释:

一、XXXX:nth-child(n)///选中父元素中第(n)个元素.若第n个元素为E则选中;若第n个不为XXXX则不选中。n可以为2n(偶数)、2n+1(奇数)、等...
二、XXXX:nth-of-type(n)///选中父元素中第(n)个为XXXX的元素。n的取值同上。

实例:

li:nth-child(2)直接选中父元素中第二个元素
li:nth-of-type(2)则是选中父元素中第二个为li的元素。



页面所在本站地址: http://www.52-life.net/N_nth_child.htm
上一篇 >>Css3 小工具
下一篇 >>宋体字在电脑中的英文是什么标识