星空网 > 软件开发 > 网页设计

随笔之——伪类选择器:nth

话不多说!直接正题!!!

一、E:nth-child(n)///选中父元素中第(n)个元素.若第n个元素为E则选中;若第n个不为E则不选中。n可以为2n(偶数)、2n+1(奇数)、等...

二、E:nth-of-type(n)///选中父元素中第(n)个为E的元素。n的取值同上。

 

三、   举个栗子>>>

(1)下图可以看出两个选择符均可以达到想要的效果;没有什么区别。。。(往下看!)

随笔之——伪类选择器:nth 

 

 随笔之——伪类选择器:nth

(2)、下图可以看出两者的区别之处:li:nth-child(2)直接选中父元素中第二个元素 /// li:nth-of-type(2)则是选中父元素中第二个为li的元素。

随笔之——伪类选择器:nth

 

随笔之——伪类选择器:nth

深呼吸,下面还有。

(3)下面的图可以更加的确定他们的区别之处。。。

在其上多加了span,就出现了不一样的效果,可以看出nth-child受上面的影响很大,而nth-of-type则可以精确的选出来,无论上面添加标签与否///

随笔之——伪类选择器:nth

随笔之——伪类选择器:nth

 

这样,通过例子,就知道上面一、二两点的意思了!!!




原标题:随笔之——伪类选择器:nth

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

亚马逊自然搜索展示越来越少,旺季真的能旺起来吗 ?:https://www.ikjzd.com/articles/109783
亚马逊自然搜索展示越来越少,旺季真的能旺起来吗 ?:https://www.ikjzd.com/articles/109784
亚马逊自然搜索展示越来越少,旺季真的能旺起来吗 ?:https://www.ikjzd.com/articles/109785
亚马逊自然搜索展示越来越少,旺季真的能旺起来吗 ?:https://www.ikjzd.com/articles/109786
详解亚马逊Coupons:https://www.ikjzd.com/articles/109788
影响亚马逊站内广告效果的主要原因有哪些因素:https://www.ikjzd.com/articles/109789
Lazada与菲律宾银行合作,引入BNPL支付服务:https://www.kjdsnews.com/a/1842118.html
Lazada与菲律宾银行合作,引入BNPL支付服务:https://www.goluckyvip.com/news/218218.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流