css - Bootstrap 3 - 是否可以删除 col- :first-child and last:child? 的填充

Question

出于某种原因，我无法在 Bootstrap 中的列上使用 :first-child/:last-child。

下面的标记生成三个包含内容的 div，它们都具有相同的类。

我正在尝试删除 .feed-item 类的第一个子级的左填充和最后一个子级的右填充:

<div class="blog-item-container">
    <?php foreach ($feed->get_items(0, 3) as $item): ?>

    <div class="feed-item col-sm-4 col-md-4">
        <!-- Content -->
    </div>
</div>

因此生成的标记如下所示:

<div class="blog-item-container">
    <div class="feed-item col-sm-4 col-md-4">
        <!-- Content -->
    </div>

    <div class="feed-item col-sm-4 col-md-4">
        <!-- Content -->
    </div>

    <div class="feed-item col-sm-4 col-md-4">
        <!-- Content -->
    </div>
</div>

Answer 1

这个CSS更简单:

.row > div[class^="col-"]:first-child{padding-left:0;}

对于类名以 col- 开头的行的每个第一个子级，删除左侧填充。