Question

我正在使用border-bottom在搜索结果中的帖子之间添加一行，但这会在页面底部留下额外的一行。我正在尝试在我的样式表中使用last-child删除额外的行。添加last-child会删除循环中的所有行。这就是我所拥有的：

.results {
    overflow: hidden;
    border-bottom: 1px dashed #666; 
    padding-bottom: 15px;
}

.results:last-child {
    border-bottom: 0;
}

以下是我的content-search.php中的HTML：

<div class="results-container">
    <div class="results">
        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
            <header class="entry-header">
                <?php the_title( sprintf( '<h1 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h1>' ); ?>
            </header><!-- .entry-header -->
                <span class="preview-artwork-info">Content...</span>
        </article><!-- #post-## -->
    </div><!-- .results -->
</div><!-- .results-container -->

Answer 1

我面临着类似的挑战，我在每个帖子/通知之间添加<hr>标签以分隔它们。我尝试使用“最后一个”选择器，但它删除了所有分隔符。因此，我改为使用“ forloop.last”方法，如下所示：

 {% for n in notifications %}
     {{n}}
     {% if forloop.last %}{% else %}<hr>{% endif %}
{% endfor %}

这很好。希望这会有所帮助！

使用last-child在循环中设置最后一个帖子的样式

1 个答案: