CSS中nth-child不生效的问题 根据mdn描述:nth-child(an+b)这个CSS 伪类首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从 1 开始排序,选择的结果为 CSS 伪类:nth-child 括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...) 写代码弄二倍图的时候遇到了不生效的问题,发现是父子选择没弄对,如果想通过...
1、first-child、last-child、nth-child(n)、nth-child(2n)、nth-child(2n-1)、nth-child(odd)、nth-child(even)、nth-last-child(3)(倒数第三个) 注意点: 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。 1、先找到该伪类调用者(元素)的父类 2、其次找到父类下的第n个子元素 3、最后看...
---》有时候first-child或者nth-child(1) 不起作用的原因 代码语言:javascript 复制 /*此时first-child不起作用,是因为.tap_con的父元素win的第一个子元素是.top,此时找到第一个子元素,但是其并不是.tab_con*/===.tab_con:first-child{background:#090!important;}===...
51CTO博客已为您找到关于css nth-child没效果的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css nth-child没效果问答内容。更多css nth-child没效果相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
:nth-child只能选择父元素的n个元素,如果元素和指定元素不符,则无效。如果我们想选取父元素的第n个指定元素,则就需要用:nth-of-type。 E:nth-of-type(n)选取父元素的第n个指定类型为E的元素。如果不存在则无效。 选取第4个指定类型的元素 span:nth-of-type(4) ...
E:nth-child(n) { sRules } 匹配父元素的第n个子元素E，假设该子元素不是E，则选择符无效。要使该属性生效，E元素必须是某个元素的子元素，E的父元素最高是body，即E可以是body的子元素 你的第一个子元素是span不是li所以无效
51CTO博客已为您找到关于css nth-child 无效的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css nth-child 无效问答内容。更多css nth-child 无效相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
因为li:nth-child(1)指的是作为第一个子元素的li，加入span之后，span就变成了ul的第一个子元素，所以li:nth-child(1)会失效，因为li已经不是太子了；建议使用first-of-type,nth-of-type,last-of-type
E:nth-child(n) { sRules }匹配父元素的第n个子元素E,假设该子元素不是E,则选择符无效。要使该属性生效,E元素必须是某个元素的子元素,E的父元素最高是body,即E可以是body的子元素 <!DOCTYPE html> .aa{background:blue;color:#fff;} .aa:nth-child(1){background:red;} 1 1 1 1...
<!DOCTYPE html> p:nth-child(3n+0) { background:#ff0000; } 这是标题 第一个段落。 第二个段落。 第三个段落。 第四个段落。 第五个段落。 第六个段落。 第七个段落。 第八个段落。 第九个段落。 注释:Internet Explorer 不支持 :nth-child() 选择器。 css 有用关注4收藏1 回复...