CSS — WordPress PHP связанных сообщений последний ребенок

Отображаются 3 сообщения, и под каждым из них имеется тонкая граница в 1 пиксель — последний (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;
}

Это не работает, я пытался: нет (: последний ребенок), а также. Может кто-нибудь помочь мне установить последнего ребенка?

1

Решение

Как уже упоминалось в другом комментарии, вы можете использовать :last-child псевдо класс. Тем не менее, вы должны убедиться, что последний .proponowanydate последний ребенок своего родителя.

Чтобы убедиться в этом, добавьте div / wrap / container:

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;
}
1

Другие решения

Используйте CSS :last-child селектор после добавления родительского элемента. Увидеть Вот.

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

По вопросам рекламы [email protected]