课程
/前端开发
/HTML/CSS
/十天精通CSS3
n-3为什么全绿了,我想实现前3行正常,后7行绿色该肿么办?
2016-05-12
源自:十天精通CSS3 6-8
正在回答
看不到你的代码,从问题看应该是选择器的问题。nth-child(n-3)是不行的,n是从0开始取得,所以你把元素都取到了。建议,你给前三行起一个class名称。
涂山小狐狸3339196 提问者
对最佳答案有些疑问,因为这里要学习的是nth-child()选择器,如果是加className就没什么意义了,还不如楼上说的,如果你要前三个不变,后面改变样式的话,那就nth-child(n+4),因为是从1开始的,n是0(1,2,3,这里开始改变)所以要加4,这样才靠谱。
你可以这么写
ol > li:not(:nth-child(n+4)){
background: green;
}
serebi
n+4; n从0开始,就是4,5,,7,...了。
n-3前面小于1的不识别,后面1开始就全选了
举报
本课程为CSS3入门教程,深刻详解CSS3知识让网页穿上绚丽装备
2 回答为什么设置150px 3; 和设置成100px 3 的效果是一样的?
4 回答为什么设置到footer
2 回答为什么单列显示时绿色条不见了
3 回答.wrap为什么要设置position:relative?
2 回答为什么不显示绿色呢