wordpress PHP相關帖子最後一個孩子

Question

顯示了3篇帖子，在它們的下面都有一個薄的1px邊框線 - 最後（第3個）帖子不應該有這個邊框。怎麼做？

代碼：

<?php 
     $args = array('numberposts' => 3); 
     $myposts = get_posts($args); 
     foreach($myposts as $post) : setup_postdata($post); ?> 

        <!-- TITLE --> 
        <div class="proponowanytitle"> 
        <?php the_title(); ?> 
        </div> 

        <!-- DATE --> 
        <div class="proponowanydate"> 
        <?php the_time('m F Y');?> 
        </div> 
<?php endforeach; ?> 

CSS：

.proponowanytitle { 
    color:#34a694; 
    font-size:13px; 
    font-weight:400; 
    padding:15px 0 0 0; 
    margin:0; 
} 

.proponowanydate { 
    color:#999a9b; 
    font-size:14px; 
    font-weight:400; 
    padding:0 0 15px 0; 
    margin:0; 
    border-bottom:1px solid #e2e2e3; 
} 


.proponowanydate:last-child { 
    color:#999a9b; 
    font-size:14px; 
    font-weight:400; 
    padding:0 0 15px 0; 
    margin:0; 
} 

它不工作，我想：不是（：最後一個孩子），以及。任何人都可以幫我設定最後一個孩子嗎？

Answer 1

添加父元素後使用CSS :last-child選擇器。請參閱here。

.proponowanydate:last-child{ 
    border-bottom: none; 
} 

Answer 2

正如另一條評論所述，您可以使用:last-child僞類。但是，您需要確保最後一個.proponowanydate是其父項的最後一個子項。

爲了確保這種情況發生，加上在包裝/容器DIV：

HTML/PHP

<div class="container"> 
    <?php 
    $args = array('numberposts' => 3); 
    $myposts = get_posts($args); 
    foreach($myposts as $post) : setup_postdata($post); ?> 

     <!-- TITLE --> 
     <div class="proponowanytitle"> 
     <?php the_title(); ?> 
     </div> 

     <!-- DATE --> 
     <div class="proponowanydate"> 
     <?php the_time('m F Y');?> 
     </div> 

    <?php endforeach; ?> 
</div> 

CSS

.proponowanytitle { 
    color:#34a694; 
    font-size:13px; 
    font-weight:400; 
    padding:15px 0 0 0; 
    margin:0; 
} 

.proponowanydate { 
    color:#999a9b; 
    font-size:14px; 
    font-weight:400; 
    padding:0 0 15px 0; 
    margin:0; 
    border-bottom:1px solid #e2e2e3; 
} 

.proponowanydate:last-child { 
    border-bottom: none; 
}