sitemap
知识分享网:一个值得你收藏的网站!
当前位置:网站首页 > Html > 介绍2个伪类选择器:E:nth-child(n)和E:nth-of-type(n)

介绍2个伪类选择器:E:nth-child(n)和E:nth-of-type(n)

作者:xuhongji发布时间:2020-09-05分类:Html浏览:95评论:1


导读:结构伪类是css3新增的类型选择器。E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了这两个,基本上跟他俩一家的其他几个兄弟伙基...
结构伪类是css3新增的类型选择器。 E:nth-child(n)、E:nth-of-type(n)就是其中之二。搞懂了这两个,基本上跟他俩一家的其他几个兄弟伙基本上也可以弄懂了。

首先先用文字语言来描述一下这俩:

E:nth-child(n): 选择父元素下的第n个子元素,并且这第n个子元素的类型为E,

还是语言描述了之后用例子比较好

上面那个例子就可以很好的表达我用文字描述的意思。同样的都是选取父元素中的第二个子元素,结果却是不一样的。简单的说两个伪类选择器的差别就在于此:E:nth-of-type(n)只选类型为E的子元素,匹配类型之后我再看是第几个;而E:nth-child(n)是不分类型的先选取第n个子元素,然后再看是否是类型为E)

感觉我的表达能力还需要提升啊!!!这么简陋的表达语言,愿君明了啊....哈哈。


已有1位网友发表了看法:

  • xuhongji

    xuhongji   评论于 2020-09-05 09:17:54  Google Chrome 84.0.4147.105 Windows 10 x64 回复

    nth-child很实用

欢迎 发表评论:

Html排行
«   2020年11月   »
1
2345678
9101112131415
16171819202122
23242526272829
30
标签列表
网站分类
文章归档
最近发表
推荐文章