E:nth-child(n) { sRules } 匹配父元素的第n个子元素E，假设该子元素不是E，则选择符无效。要使该属性生效，E元素必须是某个元素的子元素，E的父元素最高是body，即E可以是body的子元素 你的第一个子元素是span不是li所以无效
51CTO博客已为您找到关于css3 nth child无效的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css3 nth child无效问答内容。更多css3 nth child无效相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
1. `p`被同一个父元素包裹 2. 该父元素的最后一个元素就是`p`元素(3)p:nth-child(), p:nth-last-child()使用有以下几点注意：1. 括号内的序号都是从1开始的，0是无效的2. 与`p`所在同一个父元素的所有元素都有占位，所以会出现跳号的情况（例子中 p:nth-child(5)不存在）<!-- htm内容 --...
:nth-child结构伪类选择器无效 回答关注问题邀请回答 收藏 分享 1 个回答 Hlxuan. 01-17 提问者认为该回答有用 我刚试了下没有问题,你当前用的是不是skyline渲染引擎?skyline渲染引擎目前只支持 :first-child 和 :last-child 。 有用1 回复1 独孤天下只为你剑指天涯 发表于移动端01-17 确实是这个问题,...
之前我先用静态的方法写的 也就是死的。后来我把数据扔到json数据里面,用dom操作动态生成数据,然后之前在样式表里面的所有样式都有效,除了nth-child( )和first-child和last-child都无效,也就是说比如p标签下的若干个span标签 我不能单个的处理它们。
这是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) 匹配父元素的第四个元素,该元素不...
.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的子元素是不存在的,所以匹配不上不会生效。这个和数组的概念不一样,数组中的下标是从零开...
li:nth-child(3n + 1) { font-weight: bold; } 这将使得列表中的每一个第3的倍数加1的子元素字体加粗,这里的 `+` 和 `1` 都是必需的,否则 `3n` 将被视为一个无效的表达式。 `nth-child` 是一个非常强大的工具,它可以帮助你精确地控制页面上的元素样式,需要注意的是,虽然 `nth-child` 在大多数...