CSS3选择器:nth-child和:nth-of-type之间的差异

1. nth-child 定义和用法 :nth-child(n) 选择器匹配属于其父元素的第 n 个子元素，不论元素的类型。n 可以是数字、关键词或公式。 ① n为数字时，n为大于0的整数 ... 来自： perhapschen的博客

欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦： Markdown和扩展Markdown简洁的语法 代码块高亮 图片链接和... 来自： 音韵者天

关于:nth-child和:nth-of-type的区别之前一直没太注意。最近打算深入了解一些CSS3，才发现里面其实暗藏玄机。 :nth-child可以选择父元素下的字元素，:nth-of-type... 来自： 心暖未晴

前言今天学习了css选择器，发现有两个伪类nth-of-type和nth-child在功能上十分相似，却又有不同的地方。但我发现无论是在MDN上，还是在w3school、菜鸟教程上，对这两个伪类选择器... 来自： Preeminent

写作背景 今天有个列表中第一行边框有特殊样式，第二个要求没有，其他的要求有边框 经常用：first-child 但是第二个确不是second-child 而是用css3的nth-child（n... 来自： 艾斯博弈

首先是二者的区别 :nth-child(n) 是选择父元素的第n个子元素。 :nth-of-type(n) 是选择父元素的第n个同类型的子元素 举个例子： <div&... 来自： 境界线上的地平线

CSS3选择器:nth-child和:nth-of-type之间的差异 by zhangxinxu from http://www.zhangxinxu.com 本文地址：http:/... 来自： flqbestboy的专栏

对于":nth-child"前面加空格造成区别个人理解 来自： 端木奇影のWEB前端

标签的情况 tag:nth-child(n)：很好理解。1.各层级中的第n个元素；2.且该元素是tag tag:nth-of-type(n)：和上面不一样。1.在各层级中第n个出现的tag元素，与... 来自： MrZZhou的博客

一开始写样式的时候喜欢全部元素都来个class，后面发现这样一个页面下来很多个class，起名字起到发慌，然后老师说该多用 逻辑关系来写样式，就是这种第几个孩子啊这种，不知道你们有没有这种烦恼，要用的... 来自： 黑小Amui的博客