原因:如果你的网站使用 JavaScript 动态修改 DOM,可能会导致nth-child选择器失效。 解决方法:在 JavaScript 修改 DOM 后重新应用样式,或者使用 JavaScript 选择器来应用样式。 示例代码 假设你有以下 HTML 结构: 代码语言:txt 复制 Item 1 Item 2 Item 3 你希望选中第二个li元素并设置其...
E:nth-child(n) { sRules } 匹配父元素的第n个子元素E，假设该子元素不是E，则选择符无效。要使该属性生效，E元素必须是某个元素的子元素，E的父元素最高是body，即E可以是body的子元素 你的第一个子元素是span不是li所以无效
因为li:nth-child(1)指的是作为第一个子元素的li，加入span之后，span就变成了ul的第一个子元素，所以li:nth-child(1)会失效，因为li已经不是太子了；建议使用first-of-type,nth-of-type,last-of-type
看到:nth-of-type()的时候突然想起来了,如果想要跟元素挂钩的话得用这个伪类,样式表选择的是p标签来应用,但是2号位不是p标签选不中就不会生效 在段落9的上面加入div标签,使用nth-last-child(2)伪类的时候,括号里的数字是2的话会失效,目前还不知道问题,记录一下等以后来解决 <!DOCTYPEhtml>选择器练习5p:nth...
<!DOCTYPE html> .aa{background:blue;color:#fff;} .aa:nth-child(1){background:red;} 1 1 1 1 1 如上所示 我想要的是 第一个.aa变成红色 然而当所有标签都是div的时候 nth-child first-child都失效了 这个怎么破?css 有用关注5收藏 回复 阅读6.3k 4 个回答 得票最新 大涛 49...
<!DOCTYPE html> .aa{background:blue;color:#fff;} .aa:nth-child(1){background:red;} 1 1 1 1 1 如上所示 我想要的是 第一个.aa变成红色 然而当所有标签都是div的时候 nth-child first-child都失效了 这个怎么破?css 有用关注5收藏 回复 阅读6.3k 4 个回答 得票最新 sarike...
Skyline渲染模式下:nth-child选择器失效Skyline渲染模式下:nth-child选择器失效 🐑09-2015432浏览问题模块: Bug反馈框架类型 问题类型 终端类型 微信版本 基础库版本 小程序 Bug 微信iOS客户端 8.0.50 3.5.6 Skyline渲染模式下:nth-child选择器失效,在开发者工具中表现正常,iOS真机为所有元素都加上...
nth-child()和nth-of-type区别 1 .c p:nth-child(2):在C这个类下,找某个父元素下的第2个子元素,看是否是p 如果是,p元素身上加样式,不是表示失效【如果C 下面有多个子孙,挨个寻找 ,可以命中多个子孙的子元素】 2 .c p:nth-of-type (2):与
学生提问:nth-child(n)属性在IE8浏览器失效方案? 【案例】 在项目中经常用到nth-child(n)属性,如下所示 <!DOCTYPE html> demo测试 *{margin: 0;padding: 0} .parent{ width: 600px; height: 300px; border: 1px solid red; margin: auto;...
此时斑马纹效果失效了,原因是隐藏的标签 (hidden) 也参与了 :nth-child(An+B) 的计算。 image.png 修改选择器为 tr:nth-child(even of :not([hidden])) 可以看到斑马纹又出现了。 image.png tr:nth-child(even of :not([hidden]))说明: