nth-child

因为li:nth-child(1)指的是作为第一个子元素的li，加入span之后，span就变成了ul的第一个子元素，所以li:nth-child(1)会失效，因为li已经不是太子了；建议使用first-of-type,nth-of-type,last-of-type

nth-child(1) 第一个孩子 nth-child(2) 第二个孩子 nth-child(3n+1) 符合序号为3n+1的孩子，比如第1,4,7,10,13个孩子，是个集合 就是个css新加的选择器

nth-child()括号里面的顺序号是指“兄弟姐妹”之间的序号，并不是整个家族不分辈分的序号。在你的代码中，第一个div和第二个div是兄弟关系，它们的序号是1和2，所以它们分别获得了第1个和第2个样式，而3-1和3-2这两个div则是前两个div的“侄子”（它们外面所套的那个div则是它们的“父亲”）...

:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。提示：该选择器选取父元素的第 N 个指定类型的子元素。n的取值为0,1,2,3,4,5...的自然数。所以3n+1 就是第 1,4,7,10,...这样的元素的下标。元素的下标是从0开始。下面是简单的...

:nth-child 是 CSS3 提供的一个实用的选择器，它常用于项目中，以下是对其常用方法的简要介绍。示例代码中使用的例子相同，p 元素的父元素都是 body p:nth-child(2)这个选择器表示为第2个 p 元素添加背景色，p:nth-child(3)则指第3个 p 元素，以此类推 以上述示例为承接，如果这里的 p 元素...

同理，a:nth-child(1)的意思是：拿出div的第1个子元素，一看，是个p，不是a，所以不选中任何东西。这样，就给人一种从第二位开始的错觉，如果你在a前面写两个p，就会给人一种从第三位开始的错觉，事实上，nth-child()当然是从1开始的。建议尽量使用:nth-type-of()a:nth-type-of(1)的...

nth-child(1)等获取第一个元素→使用show()显示第一个元素。实例演示如下:1、HTML结构 GlenTaneJohnRalph2、jquery代码 (function(){$("#test li").hide();$("#test li").eq(0).show();});3、显示效果 你要的是: 然后显示第一个div(function() { $("div:first").show...

:first-child 选择器被用来选择父标签的第一个子标签，此是:nth-child(1)的简便形式。例如：(‘li:first-child’)—用来选择所有li的父标签的第一个li子标签。(‘tr:first-child’)—类似。:last-child 选择器被用来选择它们父标签的中的最后一个匹配的子匹配。例如：(‘li:last-child’)—选择...

jquery选择方法是:("div:nth-child(1)")("div:eq(0)")方法很多就写2中，也可以使用css来写，如下：div:nth-child(1){color:red} 参考：https://lanye.org 可以

如果是你这个结构，那么第一个层的选择格式就是 #box div:first-child{} 麻烦采纳，谢谢!