为了账号安全,请及时绑定邮箱和手机立即绑定

设置n-3为什么全绿了

n-3为什么全绿了,我想实现前3行正常,后7行绿色该肿么办?


正在回答

4 回答

 看不到你的代码,从问题看应该是选择器的问题。nth-child(n-3)是不行的,n是从0开始取得,所以你把元素都取到了。建议,你给前三行起一个class名称。

0 回复 有任何疑惑可以回复我~
#1

涂山小狐狸3339196 提问者

谢谢你!
2016-05-16 回复 有任何疑惑可以回复我~

对最佳答案有些疑问,因为这里要学习的是nth-child()选择器,如果是加className就没什么意义了,还不如楼上说的,如果你要前三个不变,后面改变样式的话,那就nth-child(n+4),因为是从1开始的,n是0(1,2,3,这里开始改变)所以要加4,这样才靠谱。

1 回复 有任何疑惑可以回复我~

你可以这么写

ol > li:not(:nth-child(n+4)){

  background: green;

}


1 回复 有任何疑惑可以回复我~
#1

serebi

看错了 , 如果想让后7行显示绿色 ol > li:nth-child(n+4){ background: green; } 就行了
2016-06-06 回复 有任何疑惑可以回复我~

n+4; n从0开始,就是4,5,,7,...了。

n-3前面小于1的不识别,后面1开始就全选了

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

设置n-3为什么全绿了

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信