[WordPress] ワードプレス PHP 関連の記事の最後の子

スポンサーリンク

Question

3 投稿が表示されますとそれらのそれぞれの下では、薄い 1 px の境界線 – 最後の (3) ポスト必要この国境ではありません。ハウツー do 厥?

コード:

     3 );
        $myposts = get_posts( $args );
        foreach( $myposts as $post ) :  setup_postdata($post); ?>

                    
                    

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

動作しません、私は試みた: not(:last-child) と同様。最後の子の設定を手伝って誰ですか?

答え

:last-child

擬似クラスを使用することができます、他のコメントで述べたように。ただし、最後の

.proponowanydate

がそれの親の最後の子を確認する必要があります

確認するためにこの問題が発生、ラップ/コンテナー div に追加:

HTML/PHP

3 ); $myposts = get_posts( $args ); foreach( $myposts as $post ) : setup_postdata($post); ?>

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

答え

CSS

:last-child

を使用して親要素を追加した後のセレクター。参照してください ここ

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

http://stackoverflow.com/questions/27757400/wordpress-php-related-posts-last-child

スポンサーリンク

Leave a Reply