php - 2 番目の div に対応するように php コードを調整する

Question

長年の読者の初めてのポスター。最近ワードプレスのテーマをダウンロードして編集しようとしていますが、うまくいきません。私はcssを少し知っていますが、phpは私の能力を少し超えています. とにかく、メインページに表示されるページを除いて3つがあります。私はそれらに異なる背景色を与えたいと思っています。最初の 2 つを同じ色にし、最後の 2 つを別の色にすることができました。真ん中の色も違う色にしたいのですが、方法がわかりません。div コントロールは php で管理されているようです。phpコードは次のとおりです。

        <?php if ( get_option('chameleon_display_blurbs') == 'on' ){ ?>
        <div id="services" class="clearfix">
            <?php for ($i=1; $i <= 3; $i++) { ?>
                <?php query_posts('page_id=' . get_pageId(html_entity_decode(get_option('chameleon_home_page_'.$i)))); while (have_posts()) : the_post(); ?>
                    <?php 
                        global $more; $more = 0;
                    ?>
                    <div class="service<?php if ( $i == 3 ) echo ' last'; ?>">

そして、ここにcssコードがあります：

#services { margin-bottom: 40px; }
            .service { float: left; width: 244px; margin-right: 66px; background:#000; }        .last { margin-right: 0px; background:#0F0; }

繰り返しますが、中央の div に別の色を適用できるようにしたいだけです。

ウェブサイトアドレス：

ありがとうございました。