Question

我试图将margin-left:160px提供给第一个孩子的.item课程，但是如果我使用bootstrap grid系统而不是它正在工作，那么它不会给我想要的结果js小提琴：https://jsfiddle.net/ph4kq5bp/ 。我希望margin-left:10px给所有其他<div class="item"></div>而不是第一个孩子

   <div class="col-lg-3 item text-center">
       1
      </div>
      <div class="col-lg-3 item text-center">
        2
      </div>
      <div class="col-lg-3 item text-center">
        3
      </div>
      <div class="col-lg-3 item text-center">
       4
      </div>

CSS

.item:first-child
{
 margin-left:160px;
}
.item 
{
 height: 20px;
 width: 20px;
 margin-top: 50px;
 margin-left: 10px;
 background-color:#000;
 float:left;
}

Answer 1

我想而不是first-child你可能想要

.item:first-of-type

此处更新了小提琴：https://jsfiddle.net/ph4kq5bp/2/

如何在bootstrap中为first-child赋予样式

1 个答案: