E:nth-child(n) { sRules } 匹配父元素的第n个子元素E，假设该子元素不是E，则选择符无效。要使该属性生效，E元素必须是某个元素的子元素，E的父元素最高是body，即E可以是body的子元素 你的第一个子元素是span不是li所以无效
关于伪类选择器:nth-child为什么在给“新时代主妇”设置样式,用伪类选择器:nth-child()时,无效,当给其加类名,就OK了。(检查了几遍,觉得自己是对的,很想知道为什么😔😔).慕用4858828 浏览1517回答3 3回答 慕粉1103124771 nth-child(1)应该是这样,你的索引弄错了 0 0 0 码农2号 你找的是p标签中的第...
51CTO博客已为您找到关于css3 nth child无效的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css3 nth child无效问答内容。更多css3 nth child无效相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
之前我先用静态的方法写的 也就是死的。后来我把数据扔到json数据里面,用dom操作动态生成数据,然后之前在样式表里面的所有样式都有效,除了nth-child( )和first-child和last-child都无效,也就是说比如p标签下的若干个span标签 我不能单个的处理它们。西门大官人3 浏览2257回答1 1回答 GTX760 作为一个资深程序猿,...
这是span1这是span2 这是段落P2 说明：:nth-child(2) 不管是否指定标签，:nth-child(2)选择的都是第⼆个⼦元素，只不过如果指定了标签，那第⼆个元素就必须是该标签元素，否则选择失败。:nth-of-type(2) 它选中了两个元素，分别是⽗级.div-parent 下第⼆个p标签和第⼆个span标签，说明，:...
E:nth-child(n)匹配其父元素的第n个子元素,如果该子元素不是E,则选择符无效。如:p:nth-child(2),匹配父元素的第二个子元素,如果该元素是p则生效。 <!DOCTYPEhtml>1234567 span:nth-child(3) 匹配父元素的第三个元素,该元素为span,则生效。 span:nth-child(4) 匹配父元素的第四个元素,该元素不...
之前我先用静态的方法写的 也就是死的。后来我把数据扔到json数据里面,用dom操作动态生成数据,然后之前在样式表里面的所有样式都有效,除了nth-child( )和first-child和last-child都无效,也就是说比如p标签下的若干个span标签 我不能单个的处理它们。
.item:nth-of-type(2) ,指的是span2,就等同于 span:nth-of-type(2)。而 .item:nth-of-type(1)是无效的,选择失败。因为span1,没有这个类.item 所以说,如果 :nth-of-type(2) 前指定的元素是类,选择的是指定类对应的标签下的第二个元素,且这个元素的类是指定类。
:nth-child()和:nth-of-type()里面填写的数字叫匹配子元素的下标,第一个子元素的下标是1,以此类推。,这是很“耿直的”一种方式。括号里面说是几就是第几,写1就是第一,写2就是第二。你也可以填写0,不过下标为0的子元素是不存在的,所以匹配不上不会生效。这个和数组的概念不一样,数组中的下标是从零开...
span:nth-child(2n-1) {color: red;} span:nth-child(2n) {color: red;} :nth-child只能选择⽗元素的n个元素，如果元素和指定元素不符，则⽆效。如果我们想选取⽗元素的第n个指定元素，则就需要⽤:nth-of-type。E:nth-of-type(n)选取⽗元素的第n个指定类型为E的元素。如果不存在则⽆效。4...