第n-的型;如何在一个()内定位多个div

时间:2013-11-08 02:09:01

标签: html css

我想让每四个div都有一个margin-left:0;但是,目前我正在为每个div单独创建一个条目,如下所示:

   .product_display:nth-of-type(1)  {
    margin-left: 0;
}
   .product_display:nth-of-type(5)  {
    margin-left: 0;
}
   .product_display:nth-of-type(9)  {
    margin-left: 0;
}

是否可以做这样的事情:

   .product_display:nth-of-type(1,5,9)  {
 margin-left: 0;
}

1 个答案:

答案 0 :(得分:2)

.product_display:nth-child(4n+1)  {
    margin-left: 0;
}
  • 4 * 0 + 1 =第一个div
  • 4 * 1 + 1 = 5 div
  • 4 * 2 + 1 =第9个div 等...