设置n-3为什么全绿了

来源:6-8 CSS3 结构性伪类选择器—nth-child(n)

涂山小狐狸3339196

2016-05-12 21:50

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


写回答 关注

4回答

  • qq_铁人_0
    2016-05-12 22:43:31
    已采纳

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

    涂山小狐狸3...

    谢谢你!

    2016-05-16 13:23:03

    共 1 条回复 >

  • 发粪涂墙的游小鸡
    2016-06-18 09:55:22

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

  • serebi
    2016-06-06 15:45:41

    你可以这么写

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

      background: green;

    }


    serebi

    看错了 , 如果想让后7行显示绿色 ol > li:nth-child(n+4){ background: green; } 就行了

    2016-06-06 15:49:00

    共 1 条回复 >

  • ahao430
    2016-05-21 23:29:07

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

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

十天精通CSS3

本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备

242553 学习 · 2623 问题

查看课程

相似问题