问答详情
源自:6-8 CSS3 结构性伪类选择器—nth-child(n)

设置n-3为什么全绿了

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


提问者:涂山小狐狸3339196 2016-05-12 21:50

个回答

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

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

  • 发粪涂墙的游小鸡
    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;

    }


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

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

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