根据mdn描述:nth-child(an+b)这个CSS 伪类首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从 1 开始排序,选择的结果为 CSS 伪类:nth-child 括号中表达式(an+b)匹配到的元素集合(n=0,1,2,3...) 写代码弄二倍图的时候遇到了不生效的问题,发现是父子选择没弄对,如果想通过.icon:nth-child(n)来选择...
---》有时候first-child或者nth-child(1) 不起作用的原因 代码语言:javascript 复制 /*此时first-child不起作用,是因为.tap_con的父元素win的第一个子元素是.top,此时找到第一个子元素,但是其并不是.tab_con*/===.tab_con:first-child{background:#090!important;}===...
A、B 的值允许为负数,但只有当表达式的结果为正数时,选择器的样式才会生效。 若A、B 同时为 0,则选择器不代表任何元素,因此不会生效。 其中,A 为 0 表示不分组。至于元素的起始索引为 1,这是为了符合日常中数学对于偶数的定义,否则若索引从 0 开始, 2n+1 命中的就是偶数位而非奇数位的子元素了。 看完...
E:nth-child(n) { sRules } 匹配父元素的第n个子元素E，假设该子元素不是E，则选择符无效。要使该属性生效，E元素必须是某个元素的子元素，E的父元素最高是body，即E可以是body的子元素 你的第一个子元素是span不是li所以无效
nth-child的关键词是child,它关心的是所有子元素。它会对所有子元素生效。ele:nth-child的意义就是选择父元素下的第n个子元素,如果他是ele类型的,那么对他生效,如果他不是ele类型的,则不生效。 简而言之,nth-child影响到了所有child子元素,而nth-of-type则影响到了相应type的子元素。
看到:nth-of-type()的时候突然想起来了,如果想要跟元素挂钩的话得用这个伪类,样式表选择的是p标签来应用,但是2号位不是p标签选不中就不会生效 在段落9的上面加入div标签,使用nth-last-child(2)伪类的时候,括号里的数字是2的话会失效,目前还不知道问题,记录一下等以后来解决 ...
这是我从element官网上直接复制过来的轮播图代码,奇偶生效了应该是属性正确使用了吧?可是数字不生效。 在我学习这个属性的时候也发生过这种事,数字总是不生效,不知道是自己没学懂还是啥问题,纠结。。css 有用关注1收藏 回复 阅读1.3k toBeTheLight: 没看出来有什么为题,然后你应该贴没生效的代码而不是element的...
如果想让上面第二个生效的可以去除子元素的选择,写一个父元素加一个空格,以防止:nth-child不生效。 div :nth-child(2){ //div+空格,只根据父元素选择 color:red; } 我是第1个段落 我是第1个文本<!--符合条件--> 我是第2个段落 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 二...
是的哦,section参与排序,但是跟规定的选择器类型不一样,也是不能选中的,所以样式不生效。 3、同学在回答中写的例子,没有看到p元素的展示,不太能确定效果,老师这里给同学举个例子,同学可以对比理解下: (1):nth-child()在匹配下标的时候是不论元素类型的。例如,nth-child(1)在寻找计算下标的时候,会把p的其他...