css3 :nth-child(event|odd)判断奇偶 添加样式

 以下适合两个一排的情况

实例如图HTML

想让偶数添加样式margin-right:0;一排两个的效果

代码:

#list_sp > a:nth-child(event){margin:0;}  偶数换行

 

#list_sp > a:nth-child(even){margin-right: 0;}

 #list_sp > a:nth-child(odd){margin:0;} 奇数换行

 

多个一排的话 比如5个一排

#list_sp > a:nth-child(5n){margin:0;}

 

参考资料

CSS3:nth-child()伪类选择器,Table表格奇偶数行定义样式

 

posted @ 2017-05-31 16:32  星耀学园  阅读(900)  评论(0)    收藏  举报