您的位置:首页 > Web前端 > CSS

css中nth-child的使用注意

2019-05-20 21:51 1731 查看

代码:


总结:

  1. item:nth-child(2)是什么意思,选择的是什么元素?

    它的意思是:首先选中的元素必须要具有.item类名,并且该元素是某一个元素的第二个子元素

    所以我们看到上面是第二个图形变红色

  2. :nth-child(n),其中的n填入的是.item在兄弟元素中排的索引,

    而不是针对具有.item类名的几个兄弟元素中的索引,注意n是从1开始

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: